{"loaderData":{"6":{"en":{"data":{"meta":{"title":"桑基图自定义html渲染节点","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"/vchart/preview/sankey-chart-customized-node-1.11.0.png","link":"","option":"sankeyChart"},"content":"---\ncategory: examples\ngroup: sankey chart\ntitle: 桑基图自定义html渲染节点\nkeywords: sankey,composition,distribution,relationship,comparison,flow\norder: 12-9\ncover: /vchart/preview/sankey-chart-customized-node-1.11.0.png\noption: sankeyChart\n---\n\n# Customized HTML Rendering Nodes for Sankey Chart\n\nSankey chart can specify the width and height of nodes through corresponding configurations, combined with the vrender extended attribute `html` to achieve the indicator card Sankey chart.\n\n## Key Configurations\n\n- `dropIsolatedNode` whether to discard isolated nodes, that is, nodes without sources or targets\n- `nodeWidth` specifies the width of nodes\n- `equalNodeHeight` specifies that the height of nodes is uniformly calculated, not mapped according to the data values\n- `linkOverlap` specifies the layout of edges as overlapping layout, with the alignment point being the center point\n- `node.style.html` sets the html content for rendering nodes\n\n## Code Demo\n\n```javascript livedemo\nconst spec = {\n type: 'sankey',\n data: [\n {\n id: 'sankeyData',\n values: [\n {\n links: [\n {\n source: 'Opportunity Audience',\n target: 'High Potential Users',\n value: 199999\n },\n {\n source: 'High Potential User 0',\n target: 'High Potential Users',\n value: 299999\n },\n {\n source: 'First Course New Order',\n target: 'High Potential Users',\n value: 399999\n },\n {\n source: 'First Course New Order',\n target: 'Repeat Loyalty',\n value: 499999\n },\n {\n source: 'Deputy Purchase Loyalty',\n target: 'High Potential Users',\n value: 599999\n },\n {\n source: 'Others',\n value: 199999\n },\n {\n target: 'First Order New Customer',\n value: 999\n }\n ]\n }\n ]\n }\n ],\n dataId: 'sankeyData',\n categoryField: 'name',\n valueField: 'value',\n sourceField: 'source',\n targetField: 'target',\n // nodeAlign: 'justify',\n\n dropIsolatedNode: false,\n nodeGap: 2,\n nodeWidth: 200,\n\n // nodeHeight: 100,\n equalNodeHeight: true,\n linkOverlap: 'center',\n\n title: {\n text: 'How energy is converted or transmitted before being consumed or lost',\n subtext: 'Data: Department of Energy & Climate Change via Tom Counsell',\n subtextStyle: {\n fontSize: 12\n }\n },\n label: {\n visible: false,\n style: {\n fontSize: 10\n }\n },\n node: {\n state: {\n hover: {\n stroke: '#333333'\n },\n selected: {\n lineWidth: 1,\n brighter: 1,\n fillOpacity: 0.1\n }\n },\n style: {\n fill: '#1664FF',\n fillOpacity: 0,\n lineWidth: 1,\n stroke: '#1664FF',\n html: (datum, a, c) => {\n const color = '#1664FF';\n const hasSource = datum.targetLinks && datum.targetLinks.length;\n\n return {\n style: ({ width, height }) => {\n return {\n 'border-right': `8px solid ${color}`,\n width: `${width}px`,\n height: `${height}px`,\n background: hasSource ? color : 'transparent'\n };\n },\n dom: `

${datum.key}

${datum.value}

`\n };\n }\n }\n },\n link: {\n style: {\n fill: '#1664FF'\n },\n state: {\n hover: {\n fillOpacity: 1\n },\n selected: {\n fill: '#1664FF',\n stroke: '',\n lineWidth: 1,\n brighter: 1,\n fillOpacity: 0.2\n }\n }\n }\n};\n\nconst vchart = new VChart(spec, { dom: CONTAINER_ID, enableHtmlAttribute: true });\nvchart.renderSync();\n\n// Just for the convenience of console debugging, DO NOT COPY!\nwindow['vchart'] = vchart;\n```\n\n## 相关教程\n\n[桑基图](link)\n"},"navDemoData":[{"path":"appear-animation-config","title":{"zh":"入场动画配置","en":"Basic Appear Animation Config"},"meta":{"title":"入场动画的简单配置项","keywords":"animation,morphing,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/appear-animation-config_1.8.3.gif","link":"","option":"pieChart#animationUpdate"},"data":{"fullPath":"storytelling/appear-animation-config"}},{"path":"bar-oneByOne-group","title":{"zh":"柱状图按分组依次入场动画","en":"Bar One-by-one Appear Animation (By Group)"},"meta":{"title":"柱状图按分组依次入场动画","keywords":"animation,bar,barChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/bar-oneByOne-group_1.8.3.gif","link":"","option":"barChart#animationAppear"},"data":{"fullPath":"storytelling/bar-oneByOne-group"}},{"path":"bar-oneByOne-series","title":{"zh":"柱状图按系列依次入场动画","en":"Bar One-by-one Appear Animation (By Series)"},"meta":{"title":"柱状图按系列依次入场动画","keywords":"animation,bar,barChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/bar-oneByOne-series_1.8.3.gif","link":"","option":"barChart#animationAppear"},"data":{"fullPath":"storytelling/bar-oneByOne-series"}},{"path":"bar-oneByOne-rect","title":{"zh":"柱状图按图元依次入场动画","en":"Bar One-by-one Appear Animation (By Graphic)"},"meta":{"title":"柱状图按图元依次入场动画","keywords":"animation,bar,barChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/bar-oneByOne-rect_1.8.3.gif","link":"","option":"barChart#animationAppear"},"data":{"fullPath":"storytelling/bar-oneByOne-rect"}},{"path":"pie-preset-animation","title":{"zh":"饼图的三种内置入场动画","en":"Pie Appear Animation Presets"},"meta":{"title":"饼图的三种内置入场动画","keywords":"animation,pie,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/pie-preset-animation_1.8.3.gif","link":"","option":"pieChart#animationAppear"},"data":{"fullPath":"storytelling/pie-preset-animation"}},{"path":"bar-highlight-animation","title":{"zh":"柱状图手风琴高亮动画","en":"Accordion highlight animation for bar charts"},"meta":{"title":"柱状图高亮动画","keywords":"animation,bar,barChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/bar-highlight_1.8.3.gif","link":"","option":"barChart#animationNormal"},"data":{"fullPath":"storytelling/bar-highlight-animation"}},{"path":"area-streamlight","title":{"zh":"面积图流光动画","en":"Stream light animation for area charts"},"meta":{"title":"面积图流光动画","keywords":"animation,area,lineChart","category":"examples","group":"storytelling","cover":"/vchart/preview/area-streamlight_1.8.3.gif","link":"","option":"areeaChart#animationNormal"},"data":{"fullPath":"storytelling/area-streamlight"}},{"path":"ring-carousel-animation","title":{"zh":"环形图轮播动画","en":"Carousel animation for pie charts"},"meta":{"title":"环形图轮播动画","keywords":"animation,ring,pie,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/ring-carousel-animation_1.8.3.gif","link":"","option":"pieChart#animationNormal"},"data":{"fullPath":"storytelling/ring-carousel-animation"}},{"path":"simple-animation-arrangement","title":{"zh":"简单的动画编排示例","en":"Simple demo for animation arrangement"},"meta":{"title":"简单的动画编排示例","keywords":"animation,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/simple-animation-arrangement_1.8.3.gif","link":"","option":"commonChart#animationAppear"},"data":{"fullPath":"storytelling/simple-animation-arrangement"}},{"path":"dynamic-comparative-bar-chart","title":{"zh":"动态对比柱状图","en":"Dynamic Comparative Bar Chart"},"meta":{"title":"动态对比柱状图","keywords":"barChart,comparison,animation,player","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/dynamic-comparative-bar-chart.gif","link":"","option":"commonChart"},"data":{"fullPath":"storytelling/dynamic-comparative-bar-chart"}},{"path":"ranking-bar","title":{"zh":"动态条形图","en":"Dynamic Bar Chart"},"meta":{"title":"动态条形图","keywords":"barChart,animation,player,rank,rectangle","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/ranking-bar.gif","link":"","option":"barChart"},"data":{"fullPath":"storytelling/ranking-bar"}},{"path":"dynamic-line-chart","title":{"zh":"动态线图","en":"Dynamic Line Chart"},"meta":{"title":"动态线图","keywords":"lineChart,comparison,trend,line,animation","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/dynamic-line-chart.gif","link":"","option":"lineChart"},"data":{"fullPath":"storytelling/dynamic-line-chart"}},{"path":"dynamic-rose-chart","title":{"zh":"动态玫瑰图","en":"Dynamic Rose Chart"},"meta":{"title":"动态玫瑰图","keywords":"roseChart,comparison,composition,animation","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/dynamic-rose-chart.gif","link":"","option":"roseChart"},"data":{"fullPath":"storytelling/dynamic-rose-chart"}},{"path":"timeline-scatter","title":{"zh":"动态散点图","en":"Dynamic Scatterplot"},"meta":{"title":"动态散点图","keywords":"scatterChart,scatter,animation,player","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/timeline-scatter.gif","link":"","option":"scatterChart"},"data":{"fullPath":"storytelling/timeline-scatter"}},{"path":"weekly-activity","title":{"zh":"环形图","en":"Circular Chart"},"meta":{"title":"环形图","keywords":"circularProgress,circle,animation","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/storytelling/weekly-activity.gif","link":"","option":"circularProgress"},"data":{"fullPath":"storytelling/weekly-activity"}},{"path":"bar-to-pie","title":{"zh":"柱状图、饼图间切换的全局动画","en":"Global animation for switching between bar and pie charts"},"meta":{"title":"柱状图、饼图间切换的全局动画","keywords":"animation,morphing,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/morph-bar-to-pie.gif","link":"","option":"pieChart#animationUpdate"},"data":{"fullPath":"storytelling/bar-to-pie"}},{"path":"bar-to-scatter","title":{"zh":"柱状图、散点图间切换的全局动画","en":"Global animation for switching between bar charts and scatter plots"},"meta":{"title":"柱状图、散点图间切换的全局动画","keywords":"animation,morphing,bar,scatter,barChart,scatterChart","category":"examples","group":"storytelling","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/morph-bar-to-scatter.gif","link":"","option":"commonChart#series-bar.animationUpdate"},"data":{"fullPath":"storytelling/bar-to-scatter"}},{"path":"disappear-animation","title":{"zh":"退场动画","en":"Disappear Animation"},"meta":{"title":"Disappear Animation","keywords":"animation,morphing,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/disappear-animation-2.0.11.gif","link":"","option":"lineChart#animationAppear"},"data":{"fullPath":"storytelling/disappear-animation"}},{"path":"disappear-animation-gaussion-blur","title":{"zh":"退场动画高斯模糊效果","en":"Disappear Animation Gaussian Blur Effect"},"meta":{"title":"Disappear Animation Gaussian Blur","keywords":"animation,morphing,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/disappear-animation-gaussian-blur-2.0.11.gif","link":"","option":"lineChart#animationAppear"},"data":{"fullPath":"storytelling/disappear-animation-gaussion-blur"}},{"path":"disappear-animation-wipe","title":{"zh":"退场动画擦除效果","en":"Disappear Animation Wipe Effect"},"meta":{"title":"Disappear Animation Wipe","keywords":"animation,morphing,bar,pie,barChart,pieChart,comparison","category":"examples","group":"storytelling","cover":"/vchart/preview/disappear-animation-wipe-2.0.11.gif","link":"","option":"lineChart#animationAppear"},"data":{"fullPath":"storytelling/disappear-animation-wipe"}},{"path":"column-parallel-highlight","title":{"zh":"带高亮动画的并列柱状图","en":"Column Parallel With HightLight"},"meta":{"title":"带高亮动画的并列柱状图","keywords":"barChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/column-parallel-highlight.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/column-parallel-highlight"}},{"path":"column-parallel-streamlight","title":{"zh":"带流光动画的并列柱状图","en":"Column Parallel with StreamLight"},"meta":{"title":"带流光动画的并列柱状图","keywords":"barChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/column-parallel-streamlight.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/column-parallel-streamlight"}},{"path":"line-growth","title":{"zh":"带生长动画的折线图","en":"Line with Growth"},"meta":{"title":"带生长动画的折线图","keywords":"lineChart,comparison,trend,line,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/line-growth.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/line-growth"}},{"path":"line-load","title":{"zh":"带加载动画的折线图","en":"Line with Load"},"meta":{"title":"带加载动画的折线图","keywords":"lineChart,comparison,trend,line,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/line-load.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/line-load"}},{"path":"area-growth","title":{"zh":"带生长动画的面积图","en":"Area with Growth"},"meta":{"title":"带生长动画的面积图","keywords":"areaChart,comparison,trend,area,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/area-growth.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/area-growth"}},{"path":"area-load","title":{"zh":"带加载动画的面积图","en":"Area with Load"},"meta":{"title":"带加载动画的面积图","keywords":"areaChart,comparison,trend,area,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/area-load.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/area-load"}},{"path":"bar-highlight","title":{"zh":"带高亮动画的条形图","en":"Bar With HightLight"},"meta":{"title":"带高亮动画的条形图","keywords":"barChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/bar-highlight.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/bar-highlight"}},{"path":"bar-streamlight","title":{"zh":"带流光动画的条形图","en":"Bar with StreamLight"},"meta":{"title":"带流光动画的条形图","keywords":"barChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/bar-streamlight.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/bar-streamlight"}},{"path":"double-axis-load","title":{"zh":"带加载动画的双轴图","en":"Double Axis with Load"},"meta":{"title":"带加载动画的双轴图","keywords":"commonChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/double-axis-load.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/double-axis-load"}},{"path":"pie-scale","title":{"zh":"带改变尺寸动画的饼图","en":"Pie with Scale"},"meta":{"title":"带改变尺寸动画的饼图","keywords":"pieChart,comparison,composition,proportion,circle,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/pie-scale.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/pie-scale"}},{"path":"pie-relocate","title":{"zh":"带改变中心位置动画的饼图","en":"Pie with Relocate"},"meta":{"title":"带改变中心位置动画的饼图","keywords":"pieChart,comparison,composition,proportion,circle,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/pie-relocate.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/pie-relocate"}},{"path":"bilateral-growth","title":{"zh":"带生长动画的双向条形图","en":"Bilateral with Growth"},"meta":{"title":"带生长动画的双向条形图","keywords":"commonChart,comparison,composition,proportion,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/bilateral-growth.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/bilateral-growth"}},{"path":"scatter-ripple","title":{"zh":"带涟漪动画的散点图","en":"Scatter with Ripple"},"meta":{"title":"带涟漪动画的散点图","keywords":"","category":"examples","group":"vscreen","cover":"/vchart/preview/scatter-ripple.gif","link":"","option":""},"data":{"fullPath":"vscreen/scatter-ripple"}},{"path":"radar-ridial","title":{"zh":"带径向动画的雷达图","en":"Radar with Ridial"},"meta":{"title":"带径向动画的雷达图","keywords":"radarChart,comparison,line,circle,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/radar-ridial.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/radar-ridial"}},{"path":"word-cloud-scale","title":{"zh":"带文字缩放动画的词云图","en":"WordCloud with Scale"},"meta":{"title":"带文字缩放动画的词云图","keywords":"wordCloud,text,distribution","category":"examples","group":"vscreen","cover":"/vchart/preview/word-cloud-scale.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/word-cloud-scale"}},{"path":"sankey","title":{"zh":"桑基图","en":"Sankey"},"meta":{"title":"桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow,animation","category":"examples","group":"vscreen","cover":"/vchart/preview/vscreen-sankey.png","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/sankey"}},{"path":"funnel","title":{"zh":"漏斗图","en":"Funnel"},"meta":{"title":"漏斗图","keywords":"funnelChart,composition,trend,triangle","category":"examples","group":"vscreen","cover":"/vchart/preview/vscreen-funnel.png","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/funnel"}},{"path":"gauge","title":{"zh":"仪表图","en":"Gauge"},"meta":{"title":"仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"vscreen","cover":"/vchart/preview/vscreen-gauge.png","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/gauge"}},{"path":"liquid","title":{"zh":"水波图","en":"Liquid"},"meta":{"title":"水波图","keywords":"liquidChart, proportion","category":"examples","group":"vscreen","cover":"/vchart/preview/vscreen-liquid.gif","link":"","option":"vscreen"},"data":{"fullPath":"vscreen/liquid"}},{"path":"basic-line","title":{"zh":"基础折线图","en":"Basic line chart"},"meta":{"title":"基础折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/basic-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/basic-line"}},{"path":"dash-line","title":{"zh":"末尾虚线","en":"Dashed Line at the End"},"meta":{"title":"末尾虚线","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/dash-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/dash-line"}},{"path":"horizontal-line","title":{"zh":"垂直折线图","en":"Horizontal Line Chart"},"meta":{"title":"垂直折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/horizontal-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/horizontal-line"}},{"path":"multi-line","title":{"zh":"多系列折线图","en":"Multi-series Line Chart"},"meta":{"title":"多系列折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/multi-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/multi-line"}},{"path":"null-value-line","title":{"zh":"存在空值折线图","en":"Line Chart with Null Values"},"meta":{"title":"存在空值折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/null-value-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/null-value-line"}},{"path":"percentage-stacked-line","title":{"zh":"百分比堆叠折线图","en":"Percentage Stacked Line Chart"},"meta":{"title":"百分比堆叠折线图","keywords":"lineChart,comparison,trend,line,composition,proportion","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/percentage-stacked-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/percentage-stacked-line"}},{"path":"smoothed-line","title":{"zh":"平滑折线图","en":"Smooth Line Chart"},"meta":{"title":"平滑折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/smoothed-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/smoothed-line"}},{"path":"stacked-line","title":{"zh":"堆叠折线图","en":"Stacked Line Chart"},"meta":{"title":"堆叠折线图","keywords":"lineChart,comparison,trend,line,composition","category":"examples","group":"line chart","cover":"/vchart/preview/stacked-line_1.7.0.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/stacked-line"}},{"path":"step-line","title":{"zh":"阶梯折线图","en":"Step Line Chart"},"meta":{"title":"阶梯折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/step-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/step-line"}},{"path":"unstacked-line","title":{"zh":"非堆叠折线图","en":"Unstacked Line Chart"},"meta":{"title":"非堆叠折线图","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/unstacked-line.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/unstacked-line"}},{"path":"line-axes-padding","title":{"zh":"折线图轴 padding 调整","en":"Offline Chart Axis padding adjustment"},"meta":{"title":"折线图轴 padding 调整","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/line-chart/line-axes-padding.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/line-axes-padding"}},{"path":"line-sampling","title":{"zh":"折线图数据采样","en":"Line chart sampling"},"meta":{"title":"折线图数据采样","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"/vchart/preview/line-sampling_1.6.0.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/line-sampling"}},{"path":"line-overlap","title":{"zh":"折线图防重叠","en":"Line chart overlap"},"meta":{"title":"折线图防重叠","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"/vchart/preview/line-overlap_1.6.0.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/line-overlap"}},{"path":"line-custom-state","title":{"zh":"点击维度项高亮所有相关点","en":"Highlight All Related Points When Clicking the Dimension Item"},"meta":{"title":"点击维度项高亮所有相关点","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"/vchart/preview/line-custom-state_1.8.6.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/line-custom-state"}},{"path":"line-default-select","title":{"zh":"Set Default Selected Dimension","en":"Set the default select dimension after render"},"meta":{"title":"设置默认选中维度","keywords":"lineChart,comparison,trend,line","category":"examples","group":"line chart","cover":"/vchart/preview/line-chart-line-default-select_1.8.2.png","link":"","option":"lineChart"},"data":{"fullPath":"line-chart/line-default-select"}},{"path":"basic-area","title":{"zh":"基础面积图","en":"Basic Area Chart"},"meta":{"title":"基础面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/basic-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/basic-area"}},{"path":"horizontal-area","title":{"zh":"垂直面积图","en":"Vertical Area Chart"},"meta":{"title":"垂直面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/horizontal-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/horizontal-area"}},{"path":"negative-values-area","title":{"zh":"带负值面积图","en":"Area Chart with Negative Values"},"meta":{"title":"带负值面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/negative-values-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/negative-values-area"}},{"path":"null-value-area","title":{"zh":"存在空值的面积图","en":"Area chart with null values"},"meta":{"title":"存在空值的面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/null-value-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/null-value-area"}},{"path":"percentage-stacked-area","title":{"zh":"百分比堆叠面积图","en":"Percentage Stacked Area Chart"},"meta":{"title":"百分比堆叠面积图","keywords":"areaChart,comparison,trend,area,proportion,composition","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/percentage-stacked-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/percentage-stacked-area"}},{"path":"range-area","title":{"zh":"区间面积图","en":"Range Area Chart"},"meta":{"title":"区间面积图","keywords":"areaChart,comparison,trend,area,rangeAreaChart","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/range-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/range-area"}},{"path":"segment-range-area","title":{"zh":"分段区间面积图","en":"Segment Range Area Chart"},"meta":{"title":"分段区间面积图","keywords":"areaChart,comparison,trend,area,rangeAreaChart","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/area-chart-segment-range-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/segment-range-area"}},{"path":"smoothed-area","title":{"zh":"平滑面积图","en":"Smoothed Area Chart"},"meta":{"title":"平滑面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/smoothed-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/smoothed-area"}},{"path":"stacked-area","title":{"zh":"堆叠面积图","en":"Stacked Area Chart"},"meta":{"title":"堆叠面积图","keywords":"areaChart,comparison,trend,area,composition","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/stacked-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/stacked-area"}},{"path":"step-area","title":{"zh":"阶梯面积图","en":"Step Area Chart"},"meta":{"title":"阶梯面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/step-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/step-area"}},{"path":"stream-graph","title":{"zh":"河流图","en":"Streamgraph"},"meta":{"title":"河流图","keywords":"areaChart,comparison,trend,area,streamgraph,composition","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/stream-graph.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/stream-graph"}},{"path":"area-with-marker","title":{"zh":"多系列面积图","en":"Multi-series area chart"},"meta":{"title":"多系列面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/area-with-marker.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/area-with-marker"}},{"path":"unstacked-area","title":{"zh":"非堆叠面积图","en":"非堆叠面积图"},"meta":{"title":"非堆叠面积图","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/unstacked-area.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/unstacked-area"}},{"path":"area-style","title":{"zh":"面积图样式","en":"面积图样式"},"meta":{"title":"面积图样式","keywords":"areaChart,comparison,trend,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/area-chart/area-style.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/area-style"}},{"path":"stacked-dash-area","title":{"zh":"末尾虚线堆叠面积图","en":"Dashed Stacked Area Chart with Distinguished End"},"meta":{"title":"末尾虚线堆叠面积图","keywords":"areaChart,comparison,trend,composition,pattern,label,area","category":"examples","group":"area chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/ffc3a9b5518762d274121ff00.png","link":"","option":"areaChart"},"data":{"fullPath":"area-chart/stacked-dash-area"}},{"path":"basic-column","title":{"zh":"基础柱状图","en":"Basic Column Chart"},"meta":{"title":"基础柱状图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/basic-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/basic-column"}},{"path":"group-column","title":{"zh":"分组柱状图","en":"Grouped Bar Chart"},"meta":{"title":"分组柱状图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/group-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-column"}},{"path":"group-stack-column","title":{"zh":"分组堆叠柱状图","en":"Grouped Stacked Column Chart"},"meta":{"title":"分组堆叠柱状图","keywords":"barChart,comparison,distribution,rectangle,composition,rank","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/group-stack-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-stack-column"}},{"path":"group-stack-percentage-column","title":{"zh":"分组百分比堆叠柱状图","en":"Grouped Percentage Stacked Bar Chart"},"meta":{"title":"分组百分比堆叠柱状图","keywords":"barChart,comparison,distribution,rectangle,composition,proportion,rank","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/group-stack-percentage-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-stack-percentage-column"}},{"path":"stack-column","title":{"zh":"堆叠柱状图","en":"Stacked Bar Chart"},"meta":{"title":"堆叠柱状图","keywords":"barChart,comparison,distribution,rank,rectangle,composition","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/stack-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/stack-column"}},{"path":"stack-percentage-column","title":{"zh":"百分比堆叠柱状图","en":"Percentage Stacked Bar Chart"},"meta":{"title":"百分比堆叠柱状图","keywords":"barChart,comparison,distribution,rectangle,composition,proportion","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/stack-percentage-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/stack-percentage-column"}},{"path":"bi-direction-stack-column","title":{"zh":"双向堆积分组柱状图","en":"Bi-direction Stack Grouped Bar Chart"},"meta":{"title":"双向堆积分组柱状图","keywords":"barChart,comparison,distribution,rectangle,composition,rank","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81706.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bi-direction-stack-column"}},{"path":"basic-bar","title":{"zh":"基础条形图","en":"Base Bar Chart"},"meta":{"title":"基础条形图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/23e5d313c2c3a66d4ca806005.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/basic-bar"}},{"path":"bi-direction-bar","title":{"zh":"双向条形图","en":"Bi-directional Bar Chart"},"meta":{"title":"双向条形图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/bi-direction-bar.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bi-direction-bar"}},{"path":"gradient-column","title":{"zh":"渐变圆角柱图","en":"Gradient Rounded Bar Chart"},"meta":{"title":"渐变圆角柱图","keywords":"barChart,comparison,distribution,rank,rectangle,gradient","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/gradient-column.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/gradient-column"}},{"path":"group-bar","title":{"zh":"分组条形图","en":"Grouped Bar Chart"},"meta":{"title":"分组条形图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/group-bar.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-bar"}},{"path":"population-pyramid","title":{"zh":"人口金字塔","en":"Population Pyramid"},"meta":{"title":"人口金字塔","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/ffc3a9b5518762d274121ff03.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/population-pyramid"}},{"path":"stack-percentage-bar","title":{"zh":"百分比堆叠条形图","en":"Percentage Stacked Bar Chart"},"meta":{"title":"百分比堆叠条形图","keywords":"barChart,comparison,distribution,rectangle,composition,proportion","category":"examples","group":"bar chart","cover":"/vchart/preview/stack-percentage-bar_1.10.0.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/stack-percentage-bar"}},{"path":"group-bar-with-padding","title":{"zh":"分组柱状图间隔","en":"Group histogram interval"},"meta":{"title":"分组柱状图间隔","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/55297520732ada18bb7183f00.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-bar-with-padding"}},{"path":"group-bar-with-barGapInGroup","title":{"zh":"分组柱图组内间距调整","en":"Spacing adjustment within grouped bars"},"meta":{"title":"分组柱图组内间距调整","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/group-bar-with-barGapInGroup.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/group-bar-with-barGapInGroup"}},{"path":"bar-background","title":{"zh":"带条形背景的条形图","en":"Bar Chart with Background"},"meta":{"title":"带条形背景的条形图","keywords":"barChart,comparison,distribution,rectangle,composition,rank","category":"examples","group":"bar chart","cover":"/vchart/preview/bar-background_1.6.0.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-background"}},{"path":"bar-functional-label-position","title":{"zh":"水平条形图标签位置自定义","en":"Bar Chart with functional label position"},"meta":{"title":"水平条形图标签位置自定义","keywords":"barChart,comparison,distribution,label,rectangle","category":"examples","group":"bar chart","cover":"/vchart/preview/bar-functional-position_1.6.0.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-functional-label-position"}},{"path":"bar-markPoint","title":{"zh":"柱状图标注","en":"Bar Chart with MarkPoint"},"meta":{"title":"柱状图标注","keywords":"barChart,comparison,distribution,rectangle,markPoint","category":"examples","group":"bar chart","cover":"/vchart/preview/bar-markPoint_1.5.0.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-markPoint"}},{"path":"tgi-bar","title":{"zh":"TGI 柱图","en":"TGI Bar Chart"},"meta":{"title":"TGI 柱图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"/vchart/preview/tgi-bar_1.10.5.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/tgi-bar"}},{"path":"bar-customized-label","title":{"zh":"自定义标签的条形图","en":"Bar Chart with Customized Label"},"meta":{"title":"自定义标签的条形图","keywords":"barChart,comparison,distribution,rectangle,comparison,rank,axis,label","category":"examples","group":"bar chart","cover":"/vchart/preview/bar-customized-label_1.11.1.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-customized-label"}},{"path":"bar-break-by-axis","title":{"zh":"轴截断柱图","en":"Axis Break Column Chart"},"meta":{"title":"轴截断柱图","keywords":"barChart,comparison,distribution,rectangle,composition,rank","category":"examples","group":"bar chart","cover":"/vchart/preview/bar-break-by-axis_1.12.14.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-break-by-axis"}},{"path":"bar-poly-regression-line","title":{"zh":"多项式回归柱状图","en":"Bar Chart with Polynomial Regression Line"},"meta":{"title":"基础条形图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/bar-regression-line.png","link":"","option":"barChart"},"data":{"fullPath":"bar-chart/bar-poly-regression-line"}},{"path":"histogram-basis","title":{"zh":"基础直方图","en":"Basic Histogram"},"meta":{"title":"基础直方图","keywords":"histogram,distribution,rectangle","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-basis.png","link":"","option":"histogramChart"},"data":{"fullPath":"histogram-chart/histogram-basis"}},{"path":"histogram-different-bin","title":{"zh":"不同区间分布直方图","en":"Histogram with Different Bin Ranges"},"meta":{"title":"不同区间分布直方图","keywords":"histogram,distribution,rectangle","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-different-bin.png","link":"","option":"histogramChart"},"data":{"fullPath":"histogram-chart/histogram-different-bin"}},{"path":"histogram-stack","title":{"zh":"堆叠直方图","en":"Stacked Histogram"},"meta":{"title":"堆叠直方图","keywords":"histogram,distribution,rectangle,composition","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-stack.png","link":"","option":"histogramChart"},"data":{"fullPath":"histogram-chart/histogram-stack"}},{"path":"histogram-stack-h","title":{"zh":"水平堆叠直方图","en":"Horizontal Stacked Histogram"},"meta":{"title":"水平堆叠直方图","keywords":"histogram,distribution,rectangle,composition","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-stack-h.png","link":"","option":"hitogramChart"},"data":{"fullPath":"histogram-chart/histogram-stack-h"}},{"path":"histogram-bin","title":{"zh":"使用bin获得分箱数据","en":"Obtain binned data using bin"},"meta":{"title":"基础直方图","keywords":"histogram,distribution,rectangle","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-bin_2.0.7.png","link":"","option":"histogramChart"},"data":{"fullPath":"histogram-chart/histogram-bin"}},{"path":"histogram-regression-line","title":{"zh":"直方图和回归线","en":"Histogram with Regression Line"},"meta":{"title":"基础直方图","keywords":"histogram,distribution,rectangle","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-regression-line.png","link":"","option":"histogramChart"},"data":{"fullPath":"histogram-chart/histogram-regression-line"}},{"path":"range-bar","title":{"zh":"区间条形图","en":"Range Bar Chart"},"meta":{"title":"区间条形图","keywords":"rangeColumnChart,comparison,rectangle,trend","category":"examples","group":"range column chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/range-column-chart/range-bar.png","link":"","option":"rangeColumnChart"},"data":{"fullPath":"range-column-chart/range-bar"}},{"path":"range-column","title":{"zh":"区间柱状图","en":"Range Column Chart"},"meta":{"title":"区间柱状图","keywords":"rangeColumnChart,comparison,rectangle,trend","category":"examples","group":"range column chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/range-column-chart/range-column.png","link":"","option":"rangeColumnChart"},"data":{"fullPath":"range-column-chart/range-column"}},{"path":"basic-box-plot","title":{"zh":"基础箱型图","en":"Basic Box Plot"},"meta":{"title":"基础箱型图","keywords":"boxPlot,distribution,strip","category":"examples","group":"box plot","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/box-plot/basic-box-plot.png","link":"","option":"boxPlotChart"},"data":{"fullPath":"box-plot/basic-box-plot"}},{"path":"grouped-box-plot","title":{"zh":"分组箱型图","en":"Grouped Box Plot"},"meta":{"title":"分组箱型图","keywords":"boxPlot,distribution,comparison,strip","category":"examples","group":"box plot","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/box-plot/grouped-box-plot.png","link":"","option":"boxPlotChart"},"data":{"fullPath":"box-plot/grouped-box-plot"}},{"path":"box-plot-style","title":{"zh":"箱型图样式","en":"Box Plot Style"},"meta":{"title":"箱型图样式","keywords":"boxPlot,distribution,comparison,strip","category":"examples","group":"box plot","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/box-plot/box-plot-style.png","link":"","option":"boxPlotChart"},"data":{"fullPath":"box-plot/box-plot-style"}},{"path":"basic-pie","title":{"zh":"基础饼图","en":"Basic Pie Chart"},"meta":{"title":"基础饼图","keywords":"pieChart,comparison,composition,proportion,circle","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81707.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/basic-pie"}},{"path":"nested-pie","title":{"zh":"嵌套饼图","en":"Nested Pie Chart"},"meta":{"title":"嵌套饼图","keywords":"pieChart,comparison,composition,proportion,circle","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81708.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/nested-pie"}},{"path":"pie-indicator","title":{"zh":"带指标卡饼图","en":"Pie Chart with Indicator Card"},"meta":{"title":"带指标卡饼图","keywords":"pieChart,comparison,composition,proportion,circle,indicator","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81709.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/pie-indicator"}},{"path":"pie-indicator-fitstrategy","title":{"zh":"饼图指标卡自适应策略","en":"Pie Chart Indicator Fit Strategy"},"meta":{"title":"饼图指标卡自适应策略","keywords":"pieChart,comparison,composition,proportion,circle,indicator","category":"examples","group":"pie","cover":"/vchart/preview/pie-indicator-fitstrategy_1.9.0.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/pie-indicator-fitstrategy"}},{"path":"pie-label","title":{"zh":"饼图标签布局","en":"Pie Chart Label Layout"},"meta":{"title":"饼图标签布局","keywords":"pieChart,comparison,composition,proportion,circle,label","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/pie-chart/pie-label.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/pie-label"}},{"path":"radius-scale-pie","title":{"zh":"半径可映射饼图","en":"Radius mappable pie chart"},"meta":{"title":"半径可映射饼图","keywords":"","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c8170a.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/radius-scale-pie"}},{"path":"ring","title":{"zh":"环图","en":"Ring Chart"},"meta":{"title":"环图","keywords":"pieChart,comparison,composition,proportion,circle","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c8170b.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/ring"}},{"path":"linear-color-pie","title":{"zh":"线性渐变颜色饼图","en":"Linear Gradient Color Pie Chart"},"meta":{"title":"线性渐变颜色饼图","keywords":"pieChart,comparison,composition,proportion,circle","category":"examples","group":"pie","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/pie-chart/linear-color-pie.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/linear-color-pie"}},{"path":"customized-legend-pie","title":{"zh":"自定义饼图的图例交互","en":"Customized legend interaction of pie chart"},"meta":{"title":"自定义饼图的图例交互","keywords":"pieChart,comparison,composition,proportion,circle","category":"examples","group":"pie","cover":"/vchart/preview/pie-chart-customized-legend-pie_1.6.3.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/customized-legend-pie"}},{"path":"richtext-autowrap","title":{"zh":"饼图富文本自动换行","en":"Auto-wrap richtext label in pie chart"},"meta":{"title":"饼图富文本自动换行","keywords":"pieChart,comparison,composition,proportion,circle,richtext","category":"examples","group":"pie","cover":"/vchart/preview/pie-richtext-autowrap_1.12.1.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/richtext-autowrap"}},{"path":"richtext-autoEllipsis","title":{"zh":"饼图富文本自动省略","en":"Auto-ellipsis richtext label in pie chart"},"meta":{"title":"饼图富文本自动省略","keywords":"pieChart,comparison,composition,proportion,circle,richtext","category":"examples","group":"pie","cover":"/vchart/preview/pie-richtext-autoEllipsis_1.12.1.png","link":"","option":"pieChart"},"data":{"fullPath":"pie-chart/richtext-autoEllipsis"}},{"path":"basic-rose","title":{"zh":"基础玫瑰图","en":"Basic Rose Chart"},"meta":{"title":"基础玫瑰图","keywords":"roseChart,comparison,composition,circle","category":"examples","group":"rose","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/rose-chart/basic-rose.png","link":"","option":"roseChart"},"data":{"fullPath":"rose-chart/basic-rose"}},{"path":"rose-grouped","title":{"zh":"分组玫瑰图","en":"Grouped Rose Chart"},"meta":{"title":"分组玫瑰图","keywords":"roseChart,comparison,composition,circle","category":"examples","group":"rose","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/rose-chart/rose-grouped.png","link":"","option":"roseChart"},"data":{"fullPath":"rose-chart/rose-grouped"}},{"path":"rose-stacked","title":{"zh":"堆叠玫瑰图","en":"Stacked Rose Chart"},"meta":{"title":"堆叠玫瑰图","keywords":"roseChart,comparison,composition,circle","category":"examples","group":"rose","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/rose-chart/rose-stacked.png","link":"","option":"roseChart"},"data":{"fullPath":"rose-chart/rose-stacked"}},{"path":"rose-stacked-group","title":{"zh":"分组堆叠玫瑰图","en":"Grouped Stacked Rose Chart"},"meta":{"title":"分组堆叠玫瑰图","keywords":"roseChart,comparison,composition,circle","category":"examples","group":"rose","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/rose-chart/rose-stacked-group.png","link":"","option":"roseChart"},"data":{"fullPath":"rose-chart/rose-stacked-group"}},{"path":"basic-funnel","title":{"zh":"基础漏斗图","en":"Basic Funnel Chart"},"meta":{"title":"基础漏斗图","keywords":"funnelChart,composition,trend,triangle","category":"examples","group":"funnel chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/funnel-chart/basic-funnel.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/basic-funnel"}},{"path":"custom-funnel","title":{"zh":"自定义漏斗图","en":"Custom Funnel Chart"},"meta":{"title":"自定义漏斗图","keywords":"funnelChart,composition,trend,custom","category":"examples","group":"funnel chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/funnel-chart/custom-funnel.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/custom-funnel"}},{"path":"rect-funnel","title":{"zh":"矩形转化漏斗图","en":"Rectangular Conversion Funnel Chart"},"meta":{"title":"矩形转化漏斗图","keywords":"funnelChart,composition,trend,strip","category":"examples","group":"funnel chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/ffc3a9b5518762d274121ff04.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/rect-funnel"}},{"path":"transform-funnel","title":{"zh":"转化漏斗图","en":"Conversion Funnel Chart"},"meta":{"title":"转化漏斗图","keywords":"funnelChart,composition,trend,triangle","category":"examples","group":"funnel chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/funnel-chart/transform-funnel.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/transform-funnel"}},{"path":"funnel-custom-annotation","title":{"zh":"漏斗图自定义标注","en":"Custom Annotation in Funnel Chart"},"meta":{"title":"漏斗图自定义标注","keywords":"funnelChart,composition,trend,custom","category":"examples","group":"funnel chart","cover":"/vchart/preview/funnel-extensionMark_1.7.0.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/funnel-custom-annotation"}},{"path":"funnel-template","title":{"zh":"漏斗图自定义转换率箭头","en":"Funnel Conversion Arrows via CustomMarks"},"meta":{"title":"常用漏斗图模板","keywords":"funnelChart,composition,trend,template,customMark","category":"examples","group":"funnel chart","cover":"/vchart/preview/funnel-template-1.10.0.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/funnel-template"}},{"path":"comparative-funnel-template","title":{"zh":"对比漏斗图模板","en":"Comparative Funnel Template"},"meta":{"title":"对比漏斗图模板","keywords":"funnelChart,composition,trend,template,customMark","category":"examples","group":"funnel chart","cover":"/vchart/preview/comparative-funnel-template-1.10.1.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/comparative-funnel-template"}},{"path":"conversion-funnel","title":{"zh":"扩展图表 - 转化率漏斗图","en":"Extension Chart - Conversion Funnel"},"meta":{"title":"转化率漏斗图","keywords":"funnelChart,composition,trend,triangle","category":"examples","group":"funnel chart","cover":"/vchart/preview/conversion-funnel_1.12.14.png","link":"","option":"funnelChart"},"data":{"fullPath":"funnel-chart/conversion-funnel"}},{"path":"basic-scatter","title":{"zh":"基础散点图","en":"Basic Scatter Chart"},"meta":{"title":"基础散点图","keywords":"","category":"examples","group":"scatter chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/basic-scatter.png","link":"","option":""},"data":{"fullPath":"scatter-chart/basic-scatter"}},{"path":"bubble-scatter","title":{"zh":"气泡散点图","en":"Bubble Scatter Chart"},"meta":{"title":"气泡散点图","keywords":"","category":"examples","group":"scatter chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/bubble-scatter.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/bubble-scatter"}},{"path":"jitter-scatter","title":{"zh":"扰动散点图","en":"Jitter Scatter Plot"},"meta":{"title":"扰动散点图","keywords":"","category":"examples","group":"scatter chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/jitter-scatter.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/jitter-scatter"}},{"path":"one-dimension-scatter","title":{"zh":"一维散点图","en":"One-Dimensional Scatter Chart"},"meta":{"title":"一维散点图","keywords":"","category":"examples","group":"scatter chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/one-dimension-scatter.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/one-dimension-scatter"}},{"path":"stack-scatter","title":{"zh":"堆叠散点图","en":"Stacked Scatter Plot"},"meta":{"title":"堆叠散点图","keywords":"","category":"examples","group":"scatter chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/stack-scatter.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/stack-scatter"}},{"path":"scatter-shape","title":{"zh":"各种形状的散点图","en":"Scatter Chart of different shape"},"meta":{"title":"各种形状的散点图","keywords":"","category":"examples","group":"scatter chart","cover":"/vchart/preview/scatter-chart-scatter-shape_1.9.0.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/scatter-shape"}},{"path":"scatter-regression-line","title":{"zh":"散点图回归线","en":"Scatter Chart Regression Line"},"meta":{"title":"时序散点图-支持kde背景","keywords":"regression-line, scatterChart","category":"examples","group":"extension chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/scatter-regression-line.png","link":"","option":"scatterChart"},"data":{"fullPath":"scatter-chart/scatter-regression-line"}},{"path":"basic-radar","title":{"zh":"基础雷达图","en":"Basic Radar Chart"},"meta":{"title":"基础雷达图","keywords":"radarChart,comparison,line,circle","category":"examples","group":"radar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c8170c.png","link":"","option":"radarChart"},"data":{"fullPath":"radar-chart/basic-radar"}},{"path":"multiple-radar","title":{"zh":"分组雷达图","en":"Grouped Radar Chart"},"meta":{"title":"分组雷达图","keywords":"radarChart,comparison,line,circle,axis","category":"examples","group":"radar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/radar-chart/multiple-radar.png","link":"","option":"radarChart"},"data":{"fullPath":"radar-chart/multiple-radar"}},{"path":"radar-with-innerRadius","title":{"zh":"空心雷达图","en":"Hollow Radar Chart"},"meta":{"title":"空心雷达图","keywords":"radarChart,comparison,line,circle,axis,label,indicator","category":"examples","group":"radar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/radar-chart/radar-with-innerRadius.png","link":"","option":"radarChart"},"data":{"fullPath":"radar-chart/radar-with-innerRadius"}},{"path":"stack-percent-radar","title":{"zh":"百分比堆叠雷达图","en":"Percentage Stacked Radar Chart"},"meta":{"title":"百分比堆叠雷达图","keywords":"radarChart,comparison,line,circle,axis","category":"examples","group":"radar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/radar-chart/stack-percent-radar.png","link":"","option":"radarChart"},"data":{"fullPath":"radar-chart/stack-percent-radar"}},{"path":"stack-radar","title":{"zh":"堆叠雷达图","en":"Stacked Radar Chart"},"meta":{"title":"堆叠雷达图","keywords":"radarChart,comparison,line,circle,axis","category":"examples","group":"radar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/radar-chart/stack-radar.png","link":"","option":"radarChart"},"data":{"fullPath":"radar-chart/stack-radar"}},{"path":"basic-map","title":{"zh":"基础地图","en":"Basic Map"},"meta":{"title":"基础地图","keywords":"map,space,polygon","category":"examples","group":"map chart","cover":"/vchart/preview/basic-map_1.9.1.png","link":"","option":"mapChart"},"data":{"fullPath":"map-chart/basic-map"}},{"path":"scatter-map","title":{"zh":"散点地图","en":"Scatter Map"},"meta":{"title":"散点地图","keywords":"map,space,polygon,scatter,distribution,comparison","category":"examples","group":"map chart","cover":"/vchart/preview/scatter-map_1.9.1.png","link":"","option":"mapChart"},"data":{"fullPath":"map-chart/scatter-map"}},{"path":"map-with-flying-lines","title":{"zh":"带飞线的地图","en":"Map With Flying Lines"},"meta":{"title":"带飞线的地图","keywords":"map,space,polygon,scatter,line","category":"examples","group":"map chart","cover":"/vchart/preview/map-with-flying-lines_1.11.1.png","link":"","option":"mapChart"},"data":{"fullPath":"map-chart/map-with-flying-lines"}},{"path":"basic-sankey","title":{"zh":"基础桑基图","en":"Basic Sankey Chart"},"meta":{"title":"基础桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/57a706137957fce7388f3ab02.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/basic-sankey"}},{"path":"direction-sankey","title":{"zh":"垂直桑基图","en":"Vertical Sankey Chart"},"meta":{"title":"垂直桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sankey-chart/direction-sankey.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/direction-sankey"}},{"path":"align-nodes-left-sankey","title":{"zh":"节点左对齐桑基图","en":"Node Left Aligned Sankey Chart"},"meta":{"title":"节点左对齐桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sankey-chart/align-nodes-left-sankey.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/align-nodes-left-sankey"}},{"path":"hierarchical-sankey","title":{"zh":"层级桑基图","en":"Hierarchical Sankey Chart"},"meta":{"title":"层级桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sankey-chart/hierarchical-sankey.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/hierarchical-sankey"}},{"path":"interection-sankey","title":{"zh":"交互桑基图","en":"Interactive Sankey Diagram"},"meta":{"title":"交互桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sankey-chart/interection-sankey.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/interection-sankey"}},{"path":"another-data-structure-sankey","title":{"zh":"桑基图的另一种数据格式","en":"Another Data Format for Sankey Charts"},"meta":{"title":"桑基图的另一种数据格式","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/57a706137957fce7388f3ab02.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/another-data-structure-sankey"}},{"path":"nameKey-sankey","title":{"zh":"桑基图多种边配置","en":"Sankey Diagram Multiple Edge Configurations"},"meta":{"title":"桑基图多种边配置","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/sankey-chart-d3.jpeg","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/nameKey-sankey"}},{"path":"specified-node","title":{"zh":"桑基图指定节点宽高","en":"Specify size of node in sankey chart"},"meta":{"title":"桑基图指定节点宽高","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"/vchart/preview/sankey-chart-specified-node-1.11.0.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/specified-node"}},{"path":"customized-node","title":{"zh":"桑基图自定义html渲染节点","en":"set customized node of html in sankey chart"},"meta":{"title":"桑基图自定义html渲染节点","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"/vchart/preview/sankey-chart-customized-node-1.11.0.png","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/customized-node"}},{"path":"sankey-with-scrollbar","title":{"zh":"带滚动条的桑基图","en":"Sankey Diagram with Scrollbar"},"meta":{"title":"带滚动条的桑基图","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"/vchart/preview/sankey-scrollbar-1.13.0.jpeg","link":"","option":"sankeyChart"},"data":{"fullPath":"sankey-chart/sankey-with-scrollbar"}},{"path":"social-media-event","title":{"zh":"社交媒体时序图","en":"Social Media Seuqnce Chart"},"meta":{"title":"社交媒体时序图","keywords":"sequence,comparison,relationShip,line,scatter,rectangle,dataZoom","category":"examples","group":"sequence chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sequence-chart/social-media-event.png","link":"","option":"sequenceChart"},"data":{"fullPath":"sequence-chart/social-media-event"}},{"path":"NBA-player-event","title":{"zh":"NBA运动员时序图","en":"NBA Sequence Chart"},"meta":{"title":"NBA运动员时序图","keywords":"sequence,comparison,relationShip,line,scatter,title,axis","category":"examples","group":"sequence chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sequence-chart/NBA-player-event.png","link":"","option":"sequenceChart"},"data":{"fullPath":"sequence-chart/NBA-player-event"}},{"path":"word-cloud-basic","title":{"zh":"基础词云图","en":"Basic Word Cloud Chart"},"meta":{"title":"基础词云图","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-basis.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-basic"}},{"path":"word-cloud-clip","title":{"zh":"词云图文本裁剪","en":"Word Cloud Text Clipping"},"meta":{"title":"词云图文本裁剪","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-clip.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-clip"}},{"path":"word-cloud-enlarge","title":{"zh":"词云图全局自适应画布","en":"Word Cloud Auto-fit to Canvas"},"meta":{"title":"词云图全局自适应画布","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81703.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-enlarge"}},{"path":"word-cloud-format","title":{"zh":"词云图文字格式化","en":"Word Cloud Text Formatting"},"meta":{"title":"词云图文字格式化","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-format.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-format"}},{"path":"word-cloud-no-valueField","title":{"zh":"词云图不配置大小字段","en":"Word Cloud without Size Field Configuration"},"meta":{"title":"词云图不配置大小字段","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-no-valueField.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-no-valueField"}},{"path":"word-cloud-rotate","title":{"zh":"词云图随机角度","en":"Word Cloud with Random Angle"},"meta":{"title":"词云图随机角度","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81700.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-rotate"}},{"path":"word-cloud-shrink","title":{"zh":"词云图文字缩放","en":"Word Cloud Text Scaling"},"meta":{"title":"词云图文字缩放","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-shrink.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shrink"}},{"path":"word-cloud-shape-basis","title":{"zh":"形状词云图","en":"Shape Word Cloud"},"meta":{"title":"形状词云图","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-shape-basis.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shape-basis"}},{"path":"word-cloud-shape-custom-color","title":{"zh":"形状词云图自定义颜色","en":"Shape Word Cloud Custom Color"},"meta":{"title":"形状词云图自定义颜色","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-shape-custom-color.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shape-custom-color"}},{"path":"word-cloud-shape-rotate","title":{"zh":"形状词云图随机旋转角","en":"Shape Word Cloud with Random Rotation Angles"},"meta":{"title":"形状词云图随机旋转角","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/word-cloud-chart/word-cloud-shape-rotate.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shape-rotate"}},{"path":"word-cloud-shape-text","title":{"zh":"文字轮廓词云图","en":"Text outline Word Cloud"},"meta":{"title":"文字轮廓形状词云图","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"/vchart/preview/word-cloud-chart-word-cloud-shape-text_1.12.0.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shape-text"}},{"path":"word-cloud-shape-geometry","title":{"zh":"几何形状词云图","en":"geometric outline Word Cloud"},"meta":{"title":"几何轮廓形状词云图","keywords":"wordCloud,text,distribution","category":"examples","group":"word chart","cover":"/vchart/preview/word-cloud-chart-word-cloud-shape-geometry_1.12.0.png","link":"","option":"wordCloudChart"},"data":{"fullPath":"word-cloud-chart/word-cloud-shape-geometry"}},{"path":"basic-gauge","title":{"zh":"基础仪表图","en":"Basic Gauge Chart"},"meta":{"title":"基础仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gauge-chart/basic-gauge.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/basic-gauge"}},{"path":"clock","title":{"zh":"时钟示例","en":"Clock Example"},"meta":{"title":"时钟示例","keywords":"gauge,comparison,circle,indicator","category":"examples","group":"gauge","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gauge-chart/clock.gif","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/clock"}},{"path":"gauge-gradient","title":{"zh":"渐变仪表图","en":"Gradient Gauge Chart"},"meta":{"title":"渐变仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gauge-chart/gauge-gradient.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-gradient"}},{"path":"gauge-progress","title":{"zh":"使用circularProgress系列声明仪表图","en":"Gauge Chart with CircularProgress Series"},"meta":{"title":"使用circularProgress系列声明仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/57a706137957fce7388f3ab0b.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-progress"}},{"path":"gauge-segment","title":{"zh":"使用gauge系列声明仪表图","en":"Gauge Chart with Gauge Series"},"meta":{"title":"使用gauge系列声明仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"/vchart/preview/gauge-segment_1.4.2.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-segment"}},{"path":"gauge-progress-tick","title":{"zh":"tick模式仪表图","en":"Gauge Chart with Tick Mask"},"meta":{"title":"tick模式仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"/vchart/preview/gauge-progress-tick_1.4.2.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-progress-tick"}},{"path":"gauge-segment-tick","title":{"zh":"tick模式分段仪表图","en":"Segmented Gauge Chart with Tick Mask"},"meta":{"title":"tick模式分段仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"/vchart/preview/gauge-segment-tick_1.4.2.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-segment-tick"}},{"path":"gauge-segment-custom-tick","title":{"zh":"仪表图自定义区间tick和目标值","en":"Gauge Chart with Segment Ticks and Target Value"},"meta":{"title":"仪表图自定义区间tick和目标值","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"/vchart/preview/gauge-segment-custom-tick_1.4.2.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-segment-custom-tick"}},{"path":"gauge-track","title":{"zh":"带底纹的仪表图","en":"Gauge Chart with Track Mark"},"meta":{"title":"带底纹的仪表图","keywords":"gauge,comparison,circle","category":"examples","group":"gauge","cover":"/vchart/preview/gauge-track_1.7.2.png","link":"","option":"gaugeChart"},"data":{"fullPath":"gauge-chart/gauge-track"}},{"path":"linear-progress","title":{"zh":"条形进度图","en":"Linear Progress Chart"},"meta":{"title":"条形进度图","keywords":"linearProgress,comparison,rectangle","category":"examples","group":"progress","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/c0de7ff0a101bd4cb25c81702.png","link":"","option":"linearProgressChart"},"data":{"fullPath":"progress/linear-progress"}},{"path":"segment-linear-progress","title":{"zh":"分段条形进度图","en":"Segmented Linear Progress Chart"},"meta":{"title":"分段条形进度图","keywords":"linearProgress,comparison,rectangle","category":"examples","group":"progress","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/progress-segment-linear-progress.png","link":"","option":"linearProgressChart"},"data":{"fullPath":"progress/segment-linear-progress"}},{"path":"linear-progress-with-text","title":{"zh":"带文本标注的条形进度图","en":"Linear Progress Chart with text"},"meta":{"title":"带文本标注的条形进度图","keywords":"linearProgress,comparison,rectangle","category":"examples","group":"progress","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/progress-linear-progress-with-text.png","link":"","option":"linearProgressChart"},"data":{"fullPath":"progress/linear-progress-with-text"}},{"path":"linear-progress-with-multi-label","title":{"zh":"带多种标签的条形进度图","en":"Linear Progress Chart with Multiple Labels"},"meta":{"title":"带多种标签的条形进度图","keywords":"linearProgress,comparison,rectangle","category":"examples","group":"progress","cover":"/vchart/preview/linear-progress-with-multi-labels_1.5.0.png","link":"","option":"linearProgressChart"},"data":{"fullPath":"progress/linear-progress-with-multi-label"}},{"path":"linear-progress-with-target-value","title":{"zh":"带目标值的条形进度图","en":"Linear Progress Chart with Target Value"},"meta":{"title":"带目标值的条形进度图","keywords":"linearProgress,comparison,rectangle","category":"examples","group":"progress","cover":"/vchart/preview/linear-progress-with-target-value_1.5.3.png","link":"","option":"linearProgressChart"},"data":{"fullPath":"progress/linear-progress-with-target-value"}},{"path":"circular-progress","title":{"zh":"环形进度图","en":"Circular Progress Chart"},"meta":{"title":"环形进度图","keywords":"circularProgress,comparison,circle,indicator","category":"examples","group":"progress","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/progress/circular-progress.png","link":"","option":"circularProgressChart"},"data":{"fullPath":"progress/circular-progress"}},{"path":"circular-progress-with-text","title":{"zh":"带文本标注的环形进度图","en":"Circular Progress Chart with text"},"meta":{"title":"带文本标注的环形进度图","keywords":"circularProgress,comparison,circle,indicator","category":"examples","group":"progress","cover":"/vchart/preview/circular-progress-with-text_1.6.0.png","link":"","option":"circularProgressChart"},"data":{"fullPath":"progress/circular-progress-with-text"}},{"path":"circular-progress-tick","title":{"zh":"tick模式环形进度图","en":"Circular Progress Chart with Tick Mask"},"meta":{"title":"tick模式环形进度图","keywords":"circularProgress,comparison,circle,indicator","category":"examples","group":"progress","cover":"/vchart/preview/circular-progress-tick_1.4.2.png","link":"","option":"circularProgressChart"},"data":{"fullPath":"progress/circular-progress-tick"}},{"path":"basic-treemap","title":{"zh":"基础矩形树图","en":"Basic Rectangle Treemap"},"meta":{"title":"基础矩形树图","keywords":"treemap,rectangle,comparison,composition,realtionship","category":"examples","group":"treemap chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/treemap-chart/basic-treemap.png","link":"","option":"treemapChart"},"data":{"fullPath":"treemap-chart/basic-treemap"}},{"path":"treemap-show-parent-level","title":{"zh":"矩形树图显示父层级","en":"Treemap Displaying Parent Level"},"meta":{"title":"矩形树图显示父层级","keywords":"treemap,rectangle,comparison,composition,realtionship","category":"examples","group":"treemap chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/treemap-chart/treemap-show-parent-level.png","link":"","option":"treemapChart"},"data":{"fullPath":"treemap-chart/treemap-show-parent-level"}},{"path":"basic-waterfall","title":{"zh":"基础瀑布图","en":"Basic Waterfall Chart"},"meta":{"title":"基础瀑布图","keywords":"waterfall,comparison,distribution,rectangle","category":"demo","group":"waterfall","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/waterfall/basic-waterfall.png","link":"","option":"waterfallChart"},"data":{"fullPath":"waterfall/basic-waterfall"}},{"path":"collect-waterfall","title":{"zh":"分解瀑布图","en":"Decomposition Waterfall Chart"},"meta":{"title":"分解瀑布图","keywords":"waterfall,comparison,distribution,rectangle","category":"demo","group":"waterfall","cover":"/vchart/preview/waterfall-collect-waterfall_1.9.0.png","link":"","option":"waterfallChart"},"data":{"fullPath":"waterfall/collect-waterfall"}},{"path":"direction-waterfall","title":{"zh":"水平瀑布图","en":"Horizontal Waterfall Chart"},"meta":{"title":"水平瀑布图","keywords":"waterfall,comparison,distribution,rectangle","category":"demo","group":"waterfall","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/waterfall/direction-waterfall.png","link":"","option":"waterfallChart"},"data":{"fullPath":"waterfall/direction-waterfall"}},{"path":"stack-waterfall","title":{"zh":"堆积瀑布图","en":"Stacked Waterfall Chart"},"meta":{"title":"堆积瀑布图","keywords":"waterfall,comparison,distribution,rectangle","category":"demo","group":"waterfall","cover":"/vchart/preview/waterfall-stack-waterfall_1.9.0.png","link":"","option":"waterfallChart"},"data":{"fullPath":"waterfall/stack-waterfall"}},{"path":"basic-heatmap","title":{"zh":"基础热力图","en":"Basic Heatmap"},"meta":{"title":"基础热力图","keywords":"heatmap,relationship,rectangle,comparison,distribution,trend","category":"examples","group":"heatmap chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/heatmap-chart/basic-heatmap.png","link":"","option":"heatmapChart"},"data":{"fullPath":"heatmap-chart/basic-heatmap"}},{"path":"basic-circle-packing","title":{"zh":"基础 CirclePacking 图","en":"Basic CirclePacking Chart"},"meta":{"title":"基础 CirclePacking 图","keywords":"circlePacking,composition,circle,relationShip","category":"examples","group":"CirclePacking","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/circle-packing-chart/basic-circle-packing.png","link":"","option":"circlePackingChart"},"data":{"fullPath":"circle-packing-chart/basic-circle-packing"}},{"path":"circle-packing-multiple-roots","title":{"zh":"多根节点 CirclePacking 图","en":"Multi-root CirclePacking Chart"},"meta":{"title":"多根节点 CirclePacking 图","keywords":"circlePacking,composition,circle,relationShip","category":"examples","group":"CirclePacking","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/circle-packing-chart/circle-packing-multiple-roots.png","link":"","option":"circlePackingChart"},"data":{"fullPath":"circle-packing-chart/circle-packing-multiple-roots"}},{"path":"circle-packing-padding","title":{"zh":"带内边距的 CirclePacking 图","en":"CirclePacking Chart with Padding"},"meta":{"title":"带内边距的 CirclePacking 图","keywords":"circlePacking,composition,circle,relationShip","category":"examples","group":"CirclePacking","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/circle-packing-chart/circle-packing-padding.png","link":"","option":"circlePackingChart"},"data":{"fullPath":"circle-packing-chart/circle-packing-padding"}},{"path":"bubble-circle-packing","title":{"zh":"气泡图","en":"Bubble CirclePacking Chart"},"meta":{"title":"气泡图","keywords":"circlePacking,composition,circle,relationShip","category":"examples","group":"CirclePacking","cover":"/vchart/preview/bubble-circle-packing.png","link":"","option":"circlePackingChart"},"data":{"fullPath":"circle-packing-chart/bubble-circle-packing"}},{"path":"basic-sunburst","title":{"zh":"基础旭日图","en":"Basic Sunburst Chart"},"meta":{"title":"基础旭日图","keywords":"sunburst,composition,relationShip,circle","category":"examples","group":"sunburst chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sunburst-chart/basic-sunburst.png","link":"","option":"sunburstChart"},"data":{"fullPath":"sunburst-chart/basic-sunburst"}},{"path":"sunburst-auto-label","title":{"zh":"旭日图隐藏密集标签","en":"Sunburst - Hiding Dense Labels"},"meta":{"title":"旭日图隐藏密集标签","keywords":"sunburst,composition,relationShip,circle","category":"examples","group":"sunburst chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sunburst-chart/sunburst-auto-label.png","link":"","option":"sunburstChart"},"data":{"fullPath":"sunburst-chart/sunburst-auto-label"}},{"path":"sunburst-layout","title":{"zh":"旭日图布局","en":"Sunburst Layout"},"meta":{"title":"旭日图布局","keywords":"sunburst,composition,relationShip,circle","category":"examples","group":"sunburst chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/sunburst-chart/sunburst-layout.png","link":"","option":"sunburstChart"},"data":{"fullPath":"sunburst-chart/sunburst-layout"}},{"path":"correlation-chart","title":{"zh":"散点相关性图","en":"Correlation Chart"},"meta":{"title":"散点相关性图","keywords":"distribution,circle","category":"examples","group":"correlation chart","cover":"/vchart/preview/correlation-chart_1.5.1.png","link":"","option":"correlationChart"},"data":{"fullPath":"correlation-chart/correlation-chart"}},{"path":"liquid-chart","title":{"zh":"水波图","en":"Liquid Chart"},"meta":{"title":"水波图","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart","cover":"/vchart/preview/liquid-chart_1.9.0.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart"}},{"path":"liquid-chart-shape","title":{"zh":"水波图自定义形状","en":"Liquid Chart Shape"},"meta":{"title":"水波图自定义形状","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart","cover":"/vchart/preview/liquid-chart-shape_1.9.0.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart-shape"}},{"path":"liquid-chart-background","title":{"zh":"水波图自定义背景颜色","en":"Liquid Chart Background"},"meta":{"title":"水波图自定义背景样式","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart","cover":"/vchart/preview/liquid-chart-background_1.9.0.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart-background"}},{"path":"liquid-chart-smart-invert","title":{"zh":"水波图指标智能反色","en":"Liquid Chart Smart Invert"},"meta":{"title":"水波图指标智能反色","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart","cover":"/vchart/preview/liquid-chart-smart-invert_1.9.0.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart-smart-invert"}},{"path":"liquid-chart-reverse","title":{"zh":"水波图支持反向绘制","en":"Liquid Chart Reverse"},"meta":{"title":"水波图支持反向绘制","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart reverse","cover":"/vchart/preview/liquid-chart-reverse_1.11.10.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart-reverse"}},{"path":"liquid-chart-target","title":{"zh":"水波图支持目标值标记","en":"Liquid Chart Target"},"meta":{"title":"水波图支持目标值标记","keywords":"liquidChart, proportion","category":"examples","group":"liquid chart target","cover":"/vchart/preview/liquid-chart-target_1.11.10.png","link":"","option":"liquidChart"},"data":{"fullPath":"liquid-chart/liquid-chart-target"}},{"path":"venn-chart","title":{"zh":"韦恩图","en":"Venn Chart"},"meta":{"title":"韦恩图","keywords":"vennChart, proportion","category":"examples","group":"venn chart","cover":"/vchart/preview/venn-chart_1.11.0.png","link":"","option":"vennChart"},"data":{"fullPath":"venn-chart/venn-chart"}},{"path":"venn-chart-hollow","title":{"zh":"空心韦恩图","en":"Hollow Venn Chart"},"meta":{"title":"韦恩图","keywords":"vennChart, proportion","category":"examples","group":"venn chart","cover":"/vchart/preview/venn-chart-hollow_1.11.0.png","link":"","option":"vennChart"},"data":{"fullPath":"venn-chart/venn-chart-hollow"}},{"path":"basic-mosaic","title":{"zh":"基础马赛克图","en":"Basic mosaic chart"},"meta":{"title":"基础马赛克图","keywords":"mosaic,comparison,distribution,rectangle,composition,proportion","category":"examples","group":"mosaic chart","cover":"/vchart/preview/mosaic-chart-basic-mosaic_1.11.6.png","link":"","option":"mosaicChart"},"data":{"fullPath":"mosaic-chart/basic-mosaic"}},{"path":"simple-mosaic","title":{"zh":"简化马赛克图","en":"simple mosaic chart"},"meta":{"title":"基础马赛克图","keywords":"mosaic,comparison,distribution,rectangle,composition,proportion","category":"examples","group":"mosaic chart","cover":"/vchart/preview/mosaic-chart-simple-mosaic_1.11.6.png","link":"","option":"mosaicChart"},"data":{"fullPath":"mosaic-chart/simple-mosaic"}},{"path":"group-mosaic","title":{"zh":"分组马赛克图","en":"group mosaic chart"},"meta":{"title":"分组","keywords":"mosaic,comparison,distribution,rectangle,composition,proportion","category":"examples","group":"group chart","cover":"/vchart/preview/mosaic-chart-group-mosaic_1.11.6.png","link":"","option":"mosaicChart"},"data":{"fullPath":"mosaic-chart/group-mosaic"}},{"path":"pictogram-cat","title":{"zh":"新手撸猫指南","en":"Cat Stroking For Beginners"},"meta":{"title":"Cat Stroking For Beginners","keywords":"pictogramChart, space","category":"examples","group":"pictogram chart","cover":"/vchart/preview/pictogram-cat_1.13.0.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-cat"}},{"path":"pictogram-seat-map","title":{"zh":"选座售票图","en":"SVG Tickets Seat Map"},"meta":{"title":"象形图-选座售票图","keywords":"pictogramChart, space","category":"examples","group":"pictogram chart","cover":"/vchart/preview/pictogram-seat-map_1.13.0.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-seat-map"}},{"path":"pictogram-cow","title":{"zh":"牛肉部位示意图","en":"SVG Beef Cuts"},"meta":{"title":"象形图-牛肉示意图","keywords":"pictogramChart, space","category":"examples","group":"pictogram chart","cover":"/vchart/preview/pictogram-cow_1.13.0.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-cow"}},{"path":"pictogram-keyboard","title":{"zh":"键盘打字机","en":"SVG Keyboard"},"meta":{"title":"象形图-键盘打字机","keywords":"pictogramChart, space","category":"examples","group":"pictogram chart","cover":"/vchart/preview/pictogram-keyboard_1.13.0.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-keyboard"}},{"path":"pictogram-route","title":{"zh":"SVG 路径动画","en":"SVG Motion Path Animation"},"meta":{"title":"象形图-路径动画","keywords":"pictogramChart, space, animation","category":"examples","group":"pictogram chart","cover":"/vchart/preview/pictogram-route_1.13.0.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-route"}},{"path":"pictogram-mall","title":{"zh":"商场业态结构图","en":"Shopping Mall Tenant Layout"},"meta":{"title":"商场业态示意图","keywords":"pictogramChart, interaction","category":"examples","group":"pictogram chart","cover":"https://cdn.jsdelivr.net/gh/EchoChenGithub/images/mall_map.gif","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-mall"}},{"path":"pictogram-chinamap","title":{"zh":"中国地图吃辣程度一览象形图 ","en":"Map of China eating spicy degree pictograph"},"meta":{"title":"中国地图吃辣程度一览象形图","keywords":"pictogramChart,map,comparison,china","category":"examples","group":"pictogram chart","cover":"https://cdn.jsdelivr.net/gh/UC-web291/picture_storing/5.gif","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-chinamap"}},{"path":"pictogram-heart","title":{"zh":"心脏医学示意图","en":"Medical Schematic Diagram of the Heart"},"meta":{"title":"象形图-心脏医学示意图","keywords":"pictogramChart, space","category":"examples","group":"pictogram chart","cover":"https://cdn.jsdelivr.net/gh/Eomnational/image/img/20250303-105748.gif","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-heart"}},{"path":"pictogram-bagua","title":{"zh":"太极八卦图","en":"Taiji Bagua Diagram"},"meta":{"title":"太极八卦图","keywords":"pictogramChart, interaction","category":"examples","group":"pictogram chart","cover":"https://cdn.jsdelivr.net/gh/xilzy/images/pictogram-bagua-cover.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-bagua"}},{"path":"pictogram-route-swimming","title":{"zh":"SVG 路径游泳动画","en":"SVG Motion Path Swimming Animation"},"meta":{"title":"游泳路径动画","keywords":"pictogramChart, animation","category":"examples","group":"pictogram chart","cover":"/vchart/preview/swimming.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-route-swimming"}},{"path":"pictogram-guwen","title":{"zh":"古文识别图","en":"Ancient Chinese Text Recognition Diagram"},"meta":{"title":"古文识别图","keywords":"pictogramChart, interaction","category":"examples","group":"pictogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/lisao_cover_2.png","link":"","option":"pictogramChart"},"data":{"fullPath":"pictogram-chart/pictogram-guwen"}},{"path":"bar-combine","title":{"zh":"组合图自定义多行多列布局","en":"Custom Multi-Row Multi-Column Layout in Combination Charts"},"meta":{"title":"组合图自定义多行多列布局","keywords":"commonChart","category":"examples","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/bar-combine.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/bar-combine"}},{"path":"col-line","title":{"zh":"单列组合图","en":"Combination Chart with Single Column"},"meta":{"title":"单列组合图","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/col-line.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/col-line"}},{"path":"col-pie","title":{"zh":"多 region 饼图","en":"Multi-region Pie Chart"},"meta":{"title":"多 region 饼图","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/col-pie.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/col-pie"}},{"path":"dual-axis","title":{"zh":"双轴图","en":"Dual Axis Chart"},"meta":{"title":"双轴图","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/dual-axis.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/dual-axis"}},{"path":"easing-visualization","title":{"zh":"缓动函数可视化","en":"Easing Functions Visualization"},"meta":{"title":"缓动函数可视化","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/easing-visualization.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/easing-visualization"}},{"path":"line-pie","title":{"zh":"线饼组合图","en":"Line-Pie Combination Chart"},"meta":{"title":"线饼组合图","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/line-pie.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/line-pie"}},{"path":"polar-combine","title":{"zh":"极坐标系下的组合图","en":"Combination Chart in Polar Coordinate System"},"meta":{"title":"极坐标系下的组合图","keywords":"commonChart","category":"examples","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/polar-combine.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/polar-combine"}},{"path":"scatter-combine","title":{"zh":"组合图自定义单行多列布局","en":"Custom Single Row Multi-Column Layout for Combination Charts"},"meta":{"title":"组合图自定义单行多列布局","keywords":"commonChart","category":"examples","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/scatter-combine.png","link":"","option":""},"data":{"fullPath":"combination/scatter-combine"}},{"path":"single-region","title":{"zh":"基础组合图","en":"Basic Combination Chart"},"meta":{"title":"基础组合图","keywords":"commonChart","category":"demo","group":"combination","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/combination/single-region.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/single-region"}},{"path":"bar-line","title":{"zh":"特殊轴效果的线柱组合图","en":"Bar-Line Combination Chart With UnNormal Axis"},"meta":{"title":"特殊轴效果的线柱组合图","keywords":"commonChart","category":"demo","group":"combination","cover":"/vchart/preview/combination-bar-line_1.10.3.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/bar-line"}},{"path":"bar-autoBandSize","title":{"zh":"组合图中柱系列支持autoBandSize","en":"Bar series in common chart supports autoBandSize"},"meta":{"title":"Bar series in common chart supports autoBandSize","keywords":"commonChart","category":"demo","group":"combination","cover":"/vchart/preview/bar-autoBandSize-1.11.2.png","link":"","option":"commonChart"},"data":{"fullPath":"combination/bar-autoBandSize"}},{"path":"pivot-chart","title":{"zh":"透视组合图","en":"Pivot Chart"},"meta":{"title":"透视组合图","keywords":"pivotChart","category":"examples","group":"pivot chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/pivot-chart.png","link":"'../guide/table_type/pivot_chart'","option":"PivotChart-indicators-chart#cellType"},"data":{"fullPath":"pivot-chart/pivot-chart"}},{"path":"pivot-chart-pie","title":{"zh":"透视组合图（饼图）","en":"Pivot Chart Pie"},"meta":{"title":"透视组合图","keywords":"pivotChart","category":"examples","group":"pivot chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/pivot-chart-pie.png","link":"'../guide/table_type/pivot_chart'","option":"PivotChart-indicators-chart#cellType"},"data":{"fullPath":"pivot-chart/pivot-chart-pie"}},{"path":"pivot-chart-radar","title":{"zh":"透视组合图（雷达图）","en":"Pivot Chart Radar"},"meta":{"title":"透视组合图","keywords":"pivotChart","category":"examples","group":"pivot chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/pivot-chart-radar.png","link":"'../guide/table_type/pivot_chart'","option":"PivotChart-indicators-chart#cellType"},"data":{"fullPath":"pivot-chart/pivot-chart-radar"}},{"path":"pivot-chart-scatter","title":{"zh":"透视组合图（散点图）","en":"Pivot Chart Scatter"},"meta":{"title":"透视组合图","keywords":"pivotChart","category":"examples","group":"pivot chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/pivot-chart-scatter.png","link":"'../guide/table_type/pivot_chart'","option":"PivotChart-indicators-chart#cellType"},"data":{"fullPath":"pivot-chart/pivot-chart-scatter"}},{"path":"pivot-chart-wordCloud","title":{"zh":"透视组合图（词云图）","en":"Pivot Chart Word Cloud"},"meta":{"title":"透视组合图","keywords":"pivotChart","category":"examples","group":"pivot chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/pivot-chart-wordCloud.png","link":"'../guide/table_type/pivot_chart'","option":"PivotChart-indicators-chart#cellType"},"data":{"fullPath":"pivot-chart/pivot-chart-wordCloud"}},{"path":"gantt-basic","title":{"zh":"甘特图基础用法","en":"Gantt Basic"},"meta":{"title":"甘特图基本用法","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-basic-preview.png","link":"'../guide/gantt/introduction'","option":"Gantt#taskBar"},"data":{"fullPath":"gantt/gantt-basic"}},{"path":"gantt-customLayout","title":{"zh":"甘特图自定义渲染","en":"Gantt Custom Layout"},"meta":{"title":"甘特图自定义渲染用法","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-customLayout-preview.png","link":"'../guide/gantt/gantt_customLayout'","option":"Gantt#taskBar"},"data":{"fullPath":"gantt/gantt-customLayout"}},{"path":"gantt-edit","title":{"zh":"甘特图编辑数据","en":"Gantt Edit"},"meta":{"title":"甘特图编辑数据","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-edit-preview.gif","link":"'../guide/gantt/gantt_edit'","option":"Gantt#taskListTable.columns"},"data":{"fullPath":"gantt/gantt-edit"}},{"path":"gantt-dependency-link-line","title":{"zh":"甘特图依赖线（关联线）","en":"Gantt Dependency Link Line"},"meta":{"title":"Gantt Dependency Link Line","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-dependency-link-line.gif","link":"'../guide/gantt/introduction'","option":"Gantt#taskBar"},"data":{"fullPath":"gantt/gantt-dependency-link-line"}},{"path":"gantt-dependency-link-create","title":{"zh":"创建依赖线（关联线）","en":"Create Dependency Link Line"},"meta":{"title":"创建任务之间依赖线","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-dependency-link-line-create.gif","link":"'../guide/gantt/introduction'","option":"Gantt#taskBar"},"data":{"fullPath":"gantt/gantt-dependency-link-create"}},{"path":"gantt-interaction-drag-table-width","title":{"zh":"甘特图交互——拖拽表格宽度","en":"Gantt Interaction —— Drag Table Width"},"meta":{"title":"甘特图交互-拖拽表格宽度","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-interaction-drag-table-width-preview.gif","link":"'../guide/gantt/introduction'","option":"Gantt#frame.verticalSplitLineMoveable"},"data":{"fullPath":"gantt/gantt-interaction-drag-table-width"}},{"path":"gantt-interaction-drag-taskBar","title":{"zh":"甘特图交互——拖拽任务条","en":"Gantt Interaction —— Drag TaskBar"},"meta":{"title":"甘特图交互-拖拽任务条","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-interaction-drag-taskBar-preview.gif","link":"'../guide/gantt/introduction'","option":"Gantt#taskBar.moveable"},"data":{"fullPath":"gantt/gantt-interaction-drag-taskBar"}},{"path":"gantt-interaction-creation-button","title":{"zh":"甘特图交互——创建排期","en":"Gantt Interaction —— Create Schedule"},"meta":{"title":"甘特图交互-创建排期","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-task-creation-button.gif","link":"'../guide/gantt/introduction'","option":"Gantt#taskBar"},"data":{"fullPath":"gantt/gantt-interaction-creation-button"}},{"path":"gantt-taskShowMode","title":{"zh":"甘特图子任务布局模式","en":"Gantt Subtask Show Mode"},"meta":{"title":"甘特图子任务布局模式","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-taskShowMode.gif","link":"'../guide/gantt/subtask_layout'","option":"Gantt#tasksShowMode"},"data":{"fullPath":"gantt/gantt-taskShowMode"}},{"path":"gantt-table-mergeCell","title":{"zh":"任务名称单元格合并","en":"Gantt Task Merge Cell"},"meta":{"title":"任务名称单元格合并","keywords":"ganttChart","category":"examples","group":"gantt chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/gantt/gantt-table-mergeCell.png","link":"'../guide/basic_function/merge_cell'","option":"ListTable-columns-text#mergeCell"},"data":{"fullPath":"gantt/gantt-table-mergeCell"}},{"path":"calendar-basic","title":{"zh":"日历图基础用法","en":"Calendar Basic"},"meta":{"title":"日历图","keywords":"calendarChart","category":"examples","group":"calendar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/calendar-basic.png","link":"'../guide/calendar/introduction'","option":"Calendar#startDate"},"data":{"fullPath":"calendar/calendar-basic"}},{"path":"calendar-custom-event","title":{"zh":"日历图自定义日程","en":"Calendar Custom Event"},"meta":{"title":"日历图","keywords":"calendarChart","category":"examples","group":"calendar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/calendar-custom-event.gif","link":"'../guide/calendar/introduction'","option":"Calendar#startDate"},"data":{"fullPath":"calendar/calendar-custom-event"}},{"path":"timeline-basic","title":{"zh":"基础时间轴图","en":"Basic Timeline Chart"},"meta":{"title":"时间轴图-基础","keywords":"extension, timeline","category":"examples","group":"extension chart","cover":"/vchart/preview/timeline-basic_2.0.jpeg","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/timeline-basic"}},{"path":"timeline-with-icon","title":{"zh":"带图标的时间轴图","en":"Timeline Chart with Icons"},"meta":{"title":"时间轴图-带图标","keywords":"extension, timeline, icon","category":"examples","group":"extension chart","cover":"/vchart/preview/timeline-icon_2.0.jpeg","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/timeline-with-icon"}},{"path":"timeline-vertical","title":{"zh":"垂直布局时间轴图","en":"Vertical Timeline Chart"},"meta":{"title":"时间轴图-垂直布局","keywords":"extension, timeline, vertical","category":"examples","group":"extension chart","cover":"/vchart/preview/timeline-vertical_2.0.jpeg","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/timeline-vertical"}},{"path":"timeline-group","title":{"zh":"分组时间轴图","en":"Grouped Timeline Chart"},"meta":{"title":"时间轴图-分组展示","keywords":"extension, timeline, group","category":"examples","group":"extension chart","cover":"/vchart/preview/timeline-group_2.0.jpeg","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/timeline-group"}},{"path":"timeline-arrow","title":{"zh":"带箭头的时间轴图","en":"Timeline Chart with Arrows"},"meta":{"title":"时间轴图-带箭头连接","keywords":"extension, timeline, arrow","category":"examples","group":"extension chart","cover":"/vchart/preview/timeline-arrow_2.0.jpeg","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/timeline-arrow"}},{"path":"sequence-scatter-link-classification","title":{"zh":"时序散点关系图-支持分类背景","en":"sequence-scatter-link-classification"},"meta":{"title":"时序散点关系图-支持分类背景","keywords":"extension, relationship","category":"examples","group":"extension chart","cover":"/vchart/preview/extension-chart-sequence-scatter-link-classification.gif","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/sequence-scatter-link-classification"}},{"path":"sequence-scatter-link-neighborhood","title":{"zh":"时序散点关系图-支持交互邻域","en":"sequence-scatter-link-neighborhood"},"meta":{"title":"时序散点关系图-支持交互邻域","keywords":"extension, relationship","category":"examples","group":"extension chart","cover":"/vchart/preview/extension-chart-sequence-scatter-link-neighborhood.gif","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/sequence-scatter-link-neighborhood"}},{"path":"sequence-scatter-kde","title":{"zh":"时序散点图-支持KDE背景","en":"sequence-scatter-kde"},"meta":{"title":"时序散点图-支持kde背景","keywords":"extension, relationship","category":"examples","group":"extension chart","cover":"/vchart/preview/extension-chart-sequence-scatter-kde.gif","link":"","option":"extensionChart"},"data":{"fullPath":"extension-chart/sequence-scatter-kde"}},{"path":"candlestick-basic","title":{"zh":"基础K线图","en":"Basic Candlestick Chart"},"meta":{"title":"基础k线图","keywords":"candlestick","category":"examples","group":"candlestick chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/candlestick/candlestick-basic.png","link":"","option":"candlestickChart"},"data":{"fullPath":"candlestick-chart/candlestick-basic"}},{"path":"candlestick-with-volume","title":{"zh":"K线图与成交量","en":"Candlestick Chart with Volume"},"meta":{"title":"K 线图与成交量组合","keywords":"candlestick","category":"examples","group":"candlestick chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/candlestick/candlestick-with-volume.png","link":"","option":"candlestickChart"},"data":{"fullPath":"candlestick-chart/candlestick-with-volume"}},{"path":"candlestick-with-MA","title":{"zh":"K线图与日均线","en":"Candlestick Chart with MA"},"meta":{"title":"k线图组合显示","keywords":"candlestick MA","category":"examples","group":"candlestick chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/candlestick/candlestick-with-MA.png","link":"","option":"candlestickChart"},"data":{"fullPath":"candlestick-chart/candlestick-with-MA"}},{"path":"area3d","title":{"zh":"3D面积图","en":"3D面积图"},"meta":{"title":"3D面积图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/area3d.png","link":"","option":"AreaChart"},"data":{"fullPath":"chart-3d/area3d"}},{"path":"bar3d","title":{"zh":"3D 基础柱状图","en":"3D Base Bar Chart"},"meta":{"title":"3D 基础柱状图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/bar3d.png","link":"","option":"bar3dChart"},"data":{"fullPath":"chart-3d/bar3d"}},{"path":"funnel3d","title":{"zh":"3D 基础漏斗图","en":"3D Basic Funnel Chart"},"meta":{"title":"3D 基础漏斗图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/funnel3d.png","link":"","option":"funnel3dChart"},"data":{"fullPath":"chart-3d/funnel3d"}},{"path":"line3d","title":{"zh":"3D 折线图","en":"3D 折线图"},"meta":{"title":"3D 折线图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/line3d.png","link":"","option":"lineChart"},"data":{"fullPath":"chart-3d/line3d"}},{"path":"pie3d","title":{"zh":"3D 基础饼图","en":"3D Basic Pie Chart"},"meta":{"title":"3D 基础饼图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/pie3d.png","link":"","option":"pieChart"},"data":{"fullPath":"chart-3d/pie3d"}},{"path":"scatter3d","title":{"zh":"3D 散点图","en":"3D Scatter Chart"},"meta":{"title":"3D 散点图","keywords":"space","category":"examples","group":"chart-3d","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/chart-3d/scatter3d.png","link":"","option":"scatterChart"},"data":{"fullPath":"chart-3d/scatter3d"}},{"path":"wordcloud3d","title":{"zh":"3D 形状词云图","en":"3D Shape Word Cloud"},"meta":{"title":"3D 形状词云图","keywords":"space","category":"examples","group":"chart-3d","cover":"/vchart/preview/wordcloud3d_1.13.3.gif","link":"","option":"wordCloud3dChart"},"data":{"fullPath":"chart-3d/wordcloud3d"}},{"path":"basic-title","title":{"zh":"基础标题","en":"Basic Title"},"meta":{"title":"基础标题","keywords":"title","category":"demo","group":"title","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/title/basic-title.png","link":"","option":"lineChart#title"},"data":{"fullPath":"title/basic-title"}},{"path":"richText-title","title":{"zh":"富文本标题","en":"Rich Text Title"},"meta":{"title":"富文本标题","keywords":"title","category":"demo","group":"title","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/title/richText-title.png","link":"","option":"lineChart#title"},"data":{"fullPath":"title/richText-title"}},{"path":"style-title","title":{"zh":"自定义样式标题","en":"Customize Style Title"},"meta":{"title":"自定义样式标题","keywords":"title","category":"demo","group":"title","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/title/style-title.png","link":"","option":"lineChart#title"},"data":{"fullPath":"title/style-title"}},{"path":"subtick-and-subgrid","title":{"zh":"子刻度线和子网格线","en":"Sub-ticks and Sub-grid lines"},"meta":{"title":"子刻度线和子网格线","keywords":"lineChart,comparison,trend,line,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/subtick-and-subgrid.png","link":"","option":"lineChart#axes"},"data":{"fullPath":"axis/subtick-and-subgrid"}},{"path":"style","title":{"zh":"通用样式配置","en":"General Style Configuration"},"meta":{"title":"通用样式配置","keywords":"lineChart,comparison,trend,line,axis","category":"demo","group":"axis","cover":"/vchart/preview/axis-style_1.13.1.png","link":"","option":"lineChart#axes"},"data":{"fullPath":"axis/style"}},{"path":"grid-style","title":{"zh":"网格线填充","en":"Grid Line Fill"},"meta":{"title":"网格线填充","keywords":"barChart,comparison,distribution,rank,composition,rectangle,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/grid-style.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/grid-style"}},{"path":"polar","title":{"zh":"极坐标轴配置","en":"Polar Axis Configuration"},"meta":{"title":"极坐标轴配置","keywords":"roseChart,comparison,composition,circle,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/polar.png","link":"","option":"roseChart#axes"},"data":{"fullPath":"axis/polar"}},{"path":"on-zero","title":{"zh":"0 刻度轴线","en":"Domain locate at zero"},"meta":{"title":"0 刻度轴线","keywords":"scatterChart,comparison,distribution,scatter,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/on-zero.png","link":"","option":"scatterChart#axes"},"data":{"fullPath":"axis/on-zero"}},{"path":"inverse","title":{"zh":"坐标轴反转","en":"Axis Inversion"},"meta":{"title":"坐标轴反转","keywords":"areaChart,comparison,trend,area,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/inverse.png","link":"","option":"lineChart#axes"},"data":{"fullPath":"axis/inverse"}},{"path":"interactive","title":{"zh":"坐标轴交互","en":"Axis Interaction"},"meta":{"title":"坐标轴交互","keywords":"areaChart,comparison,composition,trend,area,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/interactive.png","link":"","option":"areaChart#axes"},"data":{"fullPath":"axis/interactive"}},{"path":"log-axis","title":{"zh":"log轴","en":"Log axis"},"meta":{"title":"log轴","keywords":"lineChart,comparison,composition,trend,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/ffc3a9b5518762d274121ff06.jpeg","link":"","option":"lineChart#axes"},"data":{"fullPath":"axis/log-axis"}},{"path":"symlog-axis","title":{"zh":"symlog轴","en":"symlog axis"},"meta":{"title":"symlog轴","keywords":"lineChart,comparison,composition,trend,axis","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/symlog-axis.png","link":"","option":"lineChart#axes"},"data":{"fullPath":"axis/symlog-axis"}},{"path":"animation","title":{"zh":"坐标轴动画","en":"Axis Animation"},"meta":{"title":"坐标轴动画","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/animation.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/animation"}},{"path":"label-container-align","title":{"zh":"坐标轴标签整体对齐","en":"Overall alignment of axis labels"},"meta":{"title":"坐标轴标签整体对齐","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/label-container-align.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/label-container-align"}},{"path":"disable-sampling","title":{"zh":"关闭轴标签采样 & dataFilter","en":"Turn off axis label sampling & dataFilter"},"meta":{"title":"关闭轴标签采样 & dataFilter","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/disable-sampling.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/disable-sampling"}},{"path":"flush","title":{"zh":"坐标轴首尾文字向内收缩","en":"Axis label flush"},"meta":{"title":"坐标轴首尾文字向内收缩","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/flush.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/flush"}},{"path":"axis-label-autoHide","title":{"zh":"坐标轴文本自动隐藏","en":"Axis label autoHide"},"meta":{"title":"坐标轴文本自动隐藏","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/axis-label-autoHide.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-label-autoHide"}},{"path":"axis-label-autoRotate","title":{"zh":"坐标轴文本自动旋转","en":"Axis label autoRotate"},"meta":{"title":"坐标轴文本自动旋转","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/axis-label-autoRotate.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-label-autoRotate"}},{"path":"axis-label-autoLimit","title":{"zh":"坐标轴文本自动省略","en":"Axis label autoLimit"},"meta":{"title":"坐标轴文本自动省略","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/axis-label-autoLimit.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-label-autoLimit"}},{"path":"axis-label-autoWrap","title":{"zh":"坐标轴文本自动换行","en":"Axis label autoWrap"},"meta":{"title":"坐标轴文本自动换行","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"/vchart/preview/axis-label-autoWrap_1.12.5.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-label-autoWrap"}},{"path":"axis-label-autoHide-and-autoRotate","title":{"zh":"坐标轴组件标签布局组合使用","en":"Axis label autoHide and autoRotate"},"meta":{"title":"坐标轴组件标签布局组合使用","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/axis-label-autoHide-and-autoRotate.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-label-autoHide-and-autoRotate"}},{"path":"axis-sync","title":{"zh":"多轴 tick 同步","en":"Axis tick sync"},"meta":{"title":"轴同步","keywords":"barChart,animation,axis,trend,comparison,rectangle","category":"demo","group":"axis","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/axis/axis-sync.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-sync"}},{"path":"axis-band-size","title":{"zh":"固定组宽并自动出现滚动条","en":"Axis fixed bandSize and auto scroll bar"},"meta":{"title":"固定组宽并自动出现滚动条","keywords":"areaChart,axis,scrollBar","category":"demo","group":"axis","cover":"/vchart/preview/axis-band-size_1.4.0.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-band-size"}},{"path":"axis-vertical-label","title":{"zh":"纵排轴标签","en":"Axis label with vertical direction"},"meta":{"title":"纵排轴标签","keywords":"barChart,axis","category":"demo","group":"axis","cover":"/vchart/preview/axis-vertical-label_1.4.0.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-vertical-label"}},{"path":"multiple-layers-of-axis","title":{"zh":"多层级坐标轴","en":"Multi-level axes"},"meta":{"title":"多层级坐标轴","keywords":"barChart,axis","category":"demo","group":"axis","cover":"/vchart/preview/multiple-layers-of-axis_1.9.0.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/multiple-layers-of-axis"}},{"path":"multiple-layers-of-axis-1","title":{"zh":"多层级坐标轴","en":"Multi-level axes"},"meta":{"title":"多层级坐标轴","keywords":"barChart,axis","category":"demo","group":"axis","cover":"/vchart/preview/multiple-layers-of-axis-1_1.9.0.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/multiple-layers-of-axis-1"}},{"path":"axis-richtext-label","title":{"zh":"轴富文本标签","en":"Axis Richtext Label"},"meta":{"title":"轴富文本标签","keywords":"barChar,axis,trend,comparison,rectangle,richtext","category":"demo","group":"axis","cover":"/vchart/preview/axis-richtext-label-1.10.0.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-richtext-label"}},{"path":"axis-break","title":{"zh":"轴截断","en":"Axis Break"},"meta":{"title":"轴截断","keywords":"barChar,axis,trend,comparison,rectangle,richtext","category":"demo","group":"axis","cover":"/vchart/preview/axis-break_1.12.2.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-break"}},{"path":"axis-inner-offset","title":{"zh":"轴内侧留白","en":"Axis InnerOffset"},"meta":{"title":"轴内侧留白","keywords":"lineChar,axis,offset,innerOffset","category":"demo","group":"axis","cover":"/vchart/preview/axis-inner-offset_1.12.9.png","link":"","option":"barChart#axes"},"data":{"fullPath":"axis/axis-inner-offset"}},{"path":"custom-tooltip","title":{"zh":"自定义 tooltip","en":"Custom tooltip style"},"meta":{"title":"自定义 tooltip","keywords":"tooltip","category":"demo","group":"tooltip","cover":"/vchart/preview/custom-tooltip.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/custom-tooltip"}},{"path":"custom-mark-tooltip","title":{"zh":"自定义 tooltip 内容行","en":"Custom Tooltip Content Row"},"meta":{"title":"自定义 tooltip 内容行","keywords":"tooltip","category":"demo","group":"tooltip","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/tooltip/custom-mark-tooltip.png","link":"","option":"funnelChart#tooltip"},"data":{"fullPath":"tooltip/custom-mark-tooltip"}},{"path":"custom-tooltip-handler","title":{"zh":"自定义 tooltip handler","en":"Custom tooltip handler"},"meta":{"title":"自定义 tooltip handler","keywords":"tooltip","category":"demo","group":"tooltip","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/7b82fb013e7c6319c065b3d03.png","link":"","option":"roseChart#tooltip"},"data":{"fullPath":"tooltip/custom-tooltip-handler"}},{"path":"format-method","title":{"zh":"tooltip 格式化内容","en":"Tooltip Custom Formatting"},"meta":{"title":"tooltip 格式化内容","keywords":"tooltip","category":"demo","group":"tooltip","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/57a706137957fce7388f3ab05.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/format-method"}},{"path":"enterable-tooltip","title":{"zh":"可交互的 tooltip","en":"Enterable Tooltip"},"meta":{"title":"可交互的 tooltip","keywords":"tooltip","category":"demo","group":"tooltip","cover":"/vchart/preview/enterable-tooltip_1.7.0.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/enterable-tooltip"}},{"path":"time-axis-tooltip","title":{"zh":"时间轴的 dimension tooltip","en":"Dimension Tooltip On Time Axis"},"meta":{"title":"时间轴的 dimension tooltip","keywords":"tooltip","category":"demo","group":"tooltip","cover":"/vchart/preview/time-axis-tooltip_1.9.0.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/time-axis-tooltip"}},{"path":"area-mark-tooltip","title":{"zh":"在 area 图元上实现 mark tooltip","en":"Mark Tooltip On Area Marks"},"meta":{"title":"在 area 图元上实现 mark tooltip","keywords":"tooltip","category":"demo","group":"tooltip","cover":"/vchart/preview/area-mark-tooltip_1.9.0.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/area-mark-tooltip"}},{"path":"bar-group-tooltip","title":{"zh":"在 bar 图元上实现 group tooltip","en":"Group Tooltip On Bar Marks"},"meta":{"title":"在 bar 图元上实现 group tooltip","keywords":"tooltip","category":"demo","group":"tooltip","cover":"/vchart/preview/bar-group-tooltip_1.11.0.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/bar-group-tooltip"}},{"path":"line-group-tooltip","title":{"zh":"在 line 图元上实现 group tooltip","en":"Group Tooltip On Line Marks"},"meta":{"title":"在 line 图元上实现 group tooltip","keywords":"tooltip","category":"examples","group":"tooltip","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/radar-chart/stack-radar.png","link":"","option":"barChart#tooltip"},"data":{"fullPath":"tooltip/line-group-tooltip"}},{"path":"single-select","title":{"zh":"单选模式","en":"Single Selection Mode"},"meta":{"title":"单选模式","keywords":"lineChart,comparison,trend,line,legend","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/single-select.png","link":"","option":"lineChart#legends"},"data":{"fullPath":"legend/single-select"}},{"path":"focus","title":{"zh":"聚焦模式","en":"Focus Mode"},"meta":{"title":"聚焦模式","keywords":"barChart,comparison,rectangle,legend,distribution,rank","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/focus.png","link":"","option":"barChart#legends"},"data":{"fullPath":"legend/focus"}},{"path":"float","title":{"zh":"图例展示在图表内部","en":"Legend Displayed Inside the Chart"},"meta":{"title":"图例展示在图表内部","keywords":"barChart,comparison,rectangle,legend","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/float.png","link":"","option":"barChart#legends"},"data":{"fullPath":"legend/float"}},{"path":"multiple-legends","title":{"zh":"多图例/混合图例","en":"Multiple Legends/Mixed Legends"},"meta":{"title":"多图例/混合图例","keywords":"scatterChart,comparison,distribution,scatter,legend","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/multiple-legends.png","link":"","option":"scatterChart#legends"},"data":{"fullPath":"legend/multiple-legends"}},{"path":"continuous","title":{"zh":"连续图例","en":"Continuous Legend"},"meta":{"title":"连续图例","keywords":"scatterChart,comparison,distribution,scatter,legend","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/continuous.png","link":"","option":"scatterChart#legends"},"data":{"fullPath":"legend/continuous"}},{"path":"custom-data","title":{"zh":"自定义图例项","en":"Custom Legend Item"},"meta":{"title":"自定义图例项","keywords":"pieChart,legend,circle,comparison,proportion,composition","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/custom-data.png","link":"","option":"pieChart#legends"},"data":{"fullPath":"legend/custom-data"}},{"path":"custom-interaction","title":{"zh":"自定义图例交互","en":"Custom Legend Interaction"},"meta":{"title":"自定义图例交互","keywords":"barChart,comparison,rectangle,legend,distribution,rank","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/custom-interaction.png","link":"","option":"barChart#legends"},"data":{"fullPath":"legend/custom-interaction"}},{"path":"custom-line-legend","title":{"zh":"图例项平铺","en":"Tiled Legend Items"},"meta":{"title":"图例项平铺","keywords":"lineChart,comparison,trend,line,legend","category":"demo","group":"legend","cover":"/vchart/preview/custom-line-legend_1.8.6.png","link":"","option":"lineChart#legends"},"data":{"fullPath":"legend/custom-line-legend"}},{"path":"custom-ui","title":{"zh":"自定义图例 UI","en":"Custom Legend UI"},"meta":{"title":"自定义图例 UI","keywords":"barChart,comparison,rectangle,legend,distribution,rank,composition","category":"demo","group":"legend","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/legend/custom-ui.png","link":"","option":"barChart#legends"},"data":{"fullPath":"legend/custom-ui"}},{"path":"scrollbar","title":{"zh":"图例使用滚动条翻页","en":"Scrollbar of legend"},"meta":{"title":"图例使用滚动条翻页","keywords":"pieChart,legend,circle,comparison,proportion,composition","category":"demo","group":"legend","cover":"/vchart/preview/legend-scrollbar_1.10.3.png","link":"","option":"pieChart#legends"},"data":{"fullPath":"legend/scrollbar"}},{"path":"discrete-legend-scale","title":{"zh":"离散图例指定scale","en":"specify scale of discrete legend"},"meta":{"title":"离散图例指定scale","keywords":"radarChart,legend,circle,comparison,composition","category":"demo","group":"legend","cover":"/vchart/preview/legend-discrete-legend-scale_1.10.4.png","link":"","option":"radarChart#legends"},"data":{"fullPath":"legend/discrete-legend-scale"}},{"path":"line","title":{"zh":"十字辅助线","en":"Auxiliary Line"},"meta":{"title":"十字辅助线","keywords":"lineChart,comparison,trend,line,crosshair","category":"demo","group":"crosshair","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/crosshair/line.png","link":"","option":"lineChart#crosshair"},"data":{"fullPath":"crosshair/line"}},{"path":"rect","title":{"zh":"矩形十字辅助线","en":"Rectangular Crosshair"},"meta":{"title":"矩形十字辅助线","keywords":"lineChart,comparison,trend,line,crosshair","category":"demo","group":"crosshair","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/crosshair/rect.png","link":"","option":"lineChart#crosshair"},"data":{"fullPath":"crosshair/rect"}},{"path":"polar-line","title":{"zh":"雷达图的 crosshair","en":"Crosshair of Radar Chart"},"meta":{"title":"雷达图的 crosshair","keywords":"radarChart,comparison,crosshair,circle","category":"demo","group":"crosshair","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/crosshair/polar-line.png","link":"","option":"radarChart#crosshair"},"data":{"fullPath":"crosshair/polar-line"}},{"path":"polar-rect","title":{"zh":"玫瑰图的 crosshair","en":"Rose Chart Crosshair"},"meta":{"title":"玫瑰图的 crosshair","keywords":"roseChart,comparison,circle,crosshair","category":"demo","group":"crosshair","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/crosshair/polar-rect.png","link":"","option":"roseChart#crosshair"},"data":{"fullPath":"crosshair/polar-rect"}},{"path":"multiple-region","title":{"zh":"组合图 crosshair","en":"Combined chart crosshair"},"meta":{"title":"组合图 crosshair","keywords":"barChart,comparison,rectangle,crosshair,rank,distribution","category":"demo","group":"crosshair","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/crosshair/multiple-region.png","link":"","option":"commonChart#corsshair"},"data":{"fullPath":"crosshair/multiple-region"}},{"path":"state-with-data","title":{"zh":"缩略轴以数据的方式定义初始范围","en":"Define initial range in data form with thumbnail axis"},"meta":{"title":"缩略轴以数据的方式定义初始范围","keywords":"rangeColumnChart,dataZoom","category":"demo","group":"data-zoom","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data-zoom/state-with-data.png","link":"","option":"rangeColumnChart#dataZoom"},"data":{"fullPath":"data-zoom/state-with-data"}},{"path":"filter-mode-axis","title":{"zh":"轴缩放模式","en":"Axis Zoom Mode"},"meta":{"title":"轴缩放模式","keywords":"scatterChart,dataZoom,scatter","category":"demo","group":"data-zoom","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data-zoom/filter-mode-axis.png","link":"","option":"commonChart#dataZoom"},"data":{"fullPath":"data-zoom/filter-mode-axis"}},{"path":"data-zoom-polar","title":{"zh":"缩略轴控制极坐标系图表","en":"Thumbnail Axis Controls Polar Chart"},"meta":{"title":"缩略轴控制极坐标系图表","keywords":"polarChart,dataZoom","category":"demo","group":"data-zoom","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data-zoom/data-zoom-polar.png","link":"","option":"radarChart#dataZoom"},"data":{"fullPath":"data-zoom/data-zoom-polar"}},{"path":"preview-data","title":{"zh":"缩略轴预览图表样式配置","en":"Thumbnail Axis Preview Chart Style Configuration"},"meta":{"title":"缩略轴预览图表样式配置","keywords":"barChart,dataZoom","category":"demo","group":"data-zoom","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data-zoom/preview-data.png","link":"","option":"barChart#dataZoom"},"data":{"fullPath":"data-zoom/preview-data"}},{"path":"data-zoom-lock","title":{"zh":"缩略轴支持范围锁定","en":"Datazoom Supports ZoomLock"},"meta":{"title":"缩略轴支持范围锁定","keywords":"barChart,dataZoom","category":"demo","group":"data-zoom","cover":"/vchart/preview/data-zoom-lock_1.5.0.png","link":"","option":"barChart#dataZoom"},"data":{"fullPath":"data-zoom/data-zoom-lock"}},{"path":"data-zoom-span","title":{"zh":"缩略轴支持窗口最大最小值配置","en":"datazoom supports config maximum and minimum range"},"meta":{"title":"缩略轴支持窗口最大最小值配置","keywords":"barChart,dataZoom","category":"demo","group":"data-zoom","cover":"/vchart/preview/data-zoom-span_1.5.0.png","link":"","option":"barChart#dataZoom"},"data":{"fullPath":"data-zoom/data-zoom-span"}},{"path":"data-zoom-big-data","title":{"zh":"大数据量场景缩略轴使用","en":"datazoom supports big data"},"meta":{"title":"缩略轴支持大数据量场景下交互","keywords":"areaChart,dataZoom","category":"demo","group":"data-zoom","cover":"/vchart/preview/data-zoom-big-data_1.10.0.gif","link":"","option":"barChart#dataZoom"},"data":{"fullPath":"data-zoom/data-zoom-big-data"}},{"path":"basic-scrollbar-bar-chart","title":{"zh":"scrollBar 基础用法","en":"Basic Usage of scrollBar"},"meta":{"title":"scrollBar 基础用法","keywords":"scrollBar","category":"examples","group":"scrollBar","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scrollbar/basic-scrollbar-bar-chart.png","link":"","option":"barChart#scrollbar"},"data":{"fullPath":"scrollbar/basic-scrollbar-bar-chart"}},{"path":"scrollbar-line-chart","title":{"zh":"scrollBar 控制轴范围","en":"scrollBar Controls Axis Range"},"meta":{"title":"scrollBar 控制轴范围","keywords":"scrollBar","category":"examples","group":"scrollBar","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scrollbar/scrollbar-line-chart.png","link":"","option":"lineChart#scrollbar"},"data":{"fullPath":"scrollbar/scrollbar-line-chart"}},{"path":"scrollbar-specified-value","title":{"zh":"纵向 scrollBar","en":"Vertical scrollBar"},"meta":{"title":"纵向 scrollBar","keywords":"scrollBar","category":"examples","group":"scrollBar","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scrollbar/scrollbar-specified-value.png","link":"","option":"barChart#scrollbar"},"data":{"fullPath":"scrollbar/scrollbar-specified-value"}},{"path":"roam-drag-zoom","title":{"zh":"scrollBar支持画布缩放和拖拽","en":"ScrollBar Supports Zoom and Drag"},"meta":{"title":"scrollBar支持画布缩放和拖拽","keywords":"scrollBar","category":"examples","group":"scrollBar","cover":"/vchart/preview/roam-drag-zoom_1.5.0.png","link":"","option":"barChart#scrollbar"},"data":{"fullPath":"scrollbar/roam-drag-zoom"}},{"path":"roam-scroll","title":{"zh":"scrollBar支持画布滚动","en":"ScrollBar Supports Roam Scroll"},"meta":{"title":"scrollBar支持画布滚动","keywords":"scrollBar","category":"examples","group":"scrollBar","cover":"/vchart/preview/roam-scroll_1.5.0.png","link":"","option":"barChart#scrollbar"},"data":{"fullPath":"scrollbar/roam-scroll"}},{"path":"basic-player","title":{"zh":"基础播放器","en":"Basic Player"},"meta":{"title":"基础播放器","keywords":"player","category":"examples","group":"player","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/player/basic-player.gif","link":"","option":"pieChart#player"},"data":{"fullPath":"player/basic-player"}},{"path":"continuous-player","title":{"zh":"连续播放器","en":"Continuous Player"},"meta":{"title":"连续播放器","keywords":"player","category":"examples","group":"player","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/player/continuous-player.gif","link":"","option":"pieChart#player"},"data":{"fullPath":"player/continuous-player"}},{"path":"polygon-brush","title":{"zh":"不规则框选","en":"Irregular Rectangle Selection"},"meta":{"title":"不规则框选","keywords":"scatterChart,brush","category":"demo","group":"brush","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/brush/polygon-brush.png","link":"","option":"scatterChart#brush"},"data":{"fullPath":"brush/polygon-brush"}},{"path":"rect-linked-brush","title":{"zh":"矩形关联框选","en":"Rect Linked Brush"},"meta":{"title":"矩形关联框选","keywords":"scatterChart,brush","category":"demo","group":"brush","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/brush/rect-linked-brush.png","link":"","option":"commonChart#brush"},"data":{"fullPath":"brush/rect-linked-brush"}},{"path":"x-linked-brush","title":{"zh":"横向选择框选","en":"Horizontal Selection Box"},"meta":{"title":"横向选择框选","keywords":"brush","category":"demo","group":"brush","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/brush/x-linked-brush.png","link":"","option":"commonChart#brush"},"data":{"fullPath":"brush/x-linked-brush"}},{"path":"brush-datazoom","title":{"zh":"框选控制缩放","en":"Selection Control Scale"},"meta":{"title":"框选控制缩放","keywords":"scatterChart,brush","category":"demo","group":"brush","cover":"/vchart/preview/brush-datazoom_1.10.0.gif","link":"","option":"scatterChart#brush"},"data":{"fullPath":"brush/brush-datazoom"}},{"path":"mark-line-basic","title":{"zh":"markLine","en":"markLine"},"meta":{"title":"markLine","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/4f62a673241122408f7245400.png","link":"","option":"scatterChart#markLine"},"data":{"fullPath":"marker/mark-line-basic"}},{"path":"mark-line-color-with-series","title":{"zh":"markLine支持跟随系列颜色","en":"markLine support color with series"},"meta":{"title":"markLine","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-color-with-series_1.13.0.png","link":"","option":"lineChart#markLine"},"data":{"fullPath":"marker/mark-line-color-with-series"}},{"path":"mark-line-custom-label-back","title":{"zh":"markLine 支持自定义标签背景path","en":"markLine supports custom label background path"},"meta":{"title":"markLine 支持自定义标签背景path","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-custom-label-back_1.11.10.png","link":"","option":"scatterChart#markLine"},"data":{"fullPath":"marker/mark-line-custom-label-back"}},{"path":"mark-line-axis","title":{"zh":"markLine 轴空间定位","en":"markLine Axis Space Positioning"},"meta":{"title":"markLine 轴空间定位","keywords":"lineChart,marker","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/marker/mark-line-axis.png","link":"","option":"lineChart#markLine"},"data":{"fullPath":"marker/mark-line-axis"}},{"path":"mark-line-coordinates","title":{"zh":"markLine 数据高亮","en":"markLine Data Highlighting"},"meta":{"title":"markLine 数据高亮","keywords":"lineChart,marker","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/marker/mark-line-coordinates.png","link":"","option":"lineChart#markLine"},"data":{"fullPath":"marker/mark-line-coordinates"}},{"path":"mark-line-part-regression","title":{"zh":"markLine 指定数据点并计算线性回归","en":"markLine Specifying Data Points and Calculating Linear Regression"},"meta":{"title":"markLine 指定数据点并计算线性回归","keywords":"marker,commonChart","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/marker/mark-line-part-regression.png","link":"","option":"barChart#markLine"},"data":{"fullPath":"marker/mark-line-part-regression"}},{"path":"mark-line-ref-series","title":{"zh":"markLine 指定关联系列数据点","en":"markLine Specifying Related Series Data Points"},"meta":{"title":"markLine 指定关联系列数据点","keywords":"marker,commonChart","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/marker/mark-line-ref-series.png","link":"","option":"commonChart#markLine"},"data":{"fullPath":"marker/mark-line-ref-series"}},{"path":"mark-line-multi","title":{"zh":"markLine 多轴线定位","en":"multi mark lines"},"meta":{"title":"markLine 多轴线定位","keywords":"marker, lineChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-multi.png","link":"","option":"lineChart#markArea"},"data":{"fullPath":"marker/mark-line-multi"}},{"path":"mark-area-basic","title":{"zh":"markArea","en":"markArea"},"meta":{"title":"markArea","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/7b82fb013e7c6319c065b3d00.png","link":"","option":"lineChart#markArea"},"data":{"fullPath":"marker/mark-area-basic"}},{"path":"mark-area-multi","title":{"zh":"markArea 轴空间和数据点定位","en":"markArea Axis Space and Data Point Positioning"},"meta":{"title":"markArea 轴空间和数据点定位","keywords":"marker,areaChart","category":"examples","group":"marker","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/marker/mark-area-multi.png","link":"","option":"areaChart#markArea"},"data":{"fullPath":"marker/mark-area-multi"}},{"path":"mark-area-quadrant","title":{"zh":"markArea 模拟象限图","en":"markArea Quadrant Chart Simulation"},"meta":{"title":"markArea 模拟象限图","keywords":"marker,scatterChart,scatter","category":"examples","group":"marker","cover":"/vchart/preview/mark-area-quadrant_1.7.0.png","link":"","option":"scatterChart#markArea"},"data":{"fullPath":"marker/mark-area-quadrant"}},{"path":"mark-area-with-label","title":{"zh":"markArea 标签","en":"markArea with label"},"meta":{"title":"markArea 标签","keywords":"marker, scatterChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-area-with-label.png","link":"","option":"scatterChart#markArea"},"data":{"fullPath":"marker/mark-area-with-label"}},{"path":"mark-area-range","title":{"zh":"markArea 标记range范围","en":"markArea to mark range"},"meta":{"title":"markArea 标记range范围","keywords":"marker, lineChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-area-range.png","link":"","option":"lineChart#markArea"},"data":{"fullPath":"marker/mark-area-range"}},{"path":"mark-point-basic","title":{"zh":"markPoint 数据点定位","en":"markPoint Data Point Positioning"},"meta":{"title":"markPoint 数据点定位","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"/vchart/preview/basic-mark-point-1.11.1.png","link":"","option":"lineChart#markPoint"},"data":{"fullPath":"marker/mark-point-basic"}},{"path":"mark-line-total-diff","title":{"zh":"markLine 总计差异标注","en":"markLine Total-Diff annotation"},"meta":{"title":"总计差异标注","keywords":"marker,barChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-total-diff_1.7.0.png","link":"","option":"barChart#markLine"},"data":{"fullPath":"marker/mark-line-total-diff"}},{"path":"mark-line-CAGR","title":{"zh":"markLine 复合增长差异（CAGR）标注","en":"markLine CAGR annotation"},"meta":{"title":"复合增长差异（CAGR）标注","keywords":"marker,barChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-CAGR_1.7.0.png","link":"","option":"barChart#markLine"},"data":{"fullPath":"marker/mark-line-CAGR"}},{"path":"mark-line-hierarchy-diff","title":{"zh":"markLine 层级差异标注","en":"markLine hierarchy-diff annotation"},"meta":{"title":"层级差异标注","keywords":"marker,barChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-line-hierarchy-diff_1.7.0.png","link":"","option":"barChart#markLine"},"data":{"fullPath":"marker/mark-line-hierarchy-diff"}},{"path":"mark-point-image","title":{"zh":"markPoint 图片标记","en":"markPoint with image"},"meta":{"title":"markPoint 图片标记","keywords":"marker, pieChart","category":"examples","group":"marker","cover":"/vchart/preview/mark-point-image.png","link":"","option":"areaChart#markPoint"},"data":{"fullPath":"marker/mark-point-image"}},{"path":"cartesian-mark-line-pos","title":{"zh":"笛卡尔系下的markLine的状态、样式和标签位置配置","en":"markLine and label position in certesian coordinates"},"meta":{"title":"markLine","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"/vchart/preview/cartesian-mark-line-pos-1.11.0.png","link":"","option":"lineChart#markLine"},"data":{"fullPath":"marker/cartesian-mark-line-pos"}},{"path":"polar-mark-line","title":{"zh":"极坐标系下的markLine","en":"markLine in polar coordinates"},"meta":{"title":"markLine","keywords":"marker,radarChart","category":"examples","group":"marker","cover":"/vchart/preview/polar-mark-line-1.11.0.png","link":"","option":"radarChart#markLine"},"data":{"fullPath":"marker/polar-mark-line"}},{"path":"polar-mark-line-pos","title":{"zh":"极坐标系下的markLine的状态、样式和标签位置配置","en":"markLine and label position in polar coordinates"},"meta":{"title":"markLine","keywords":"marker,radarChart","category":"examples","group":"marker","cover":"/vchart/preview/polar-mark-line-pos-1.11.0.png","link":"","option":"radarChart#markLine"},"data":{"fullPath":"marker/polar-mark-line-pos"}},{"path":"cartesian-mark-area-pos","title":{"zh":"笛卡尔系下的markArea的状态、样式和标签位置配置","en":"markArea and label position in certesian coordinates"},"meta":{"title":"markArea","keywords":"marker,lineChart","category":"examples","group":"marker","cover":"/vchart/preview/cartesian-mark-area-pos-1.11.0.png","link":"","option":"lineChart#markArea"},"data":{"fullPath":"marker/cartesian-mark-area-pos"}},{"path":"polar-mark-area-pos","title":{"zh":"极坐标系下的markArea的状态、样式和标签位置配置","en":"markArea and label position in polar coordinates"},"meta":{"title":"markArea","keywords":"marker,radarChart","category":"examples","group":"marker","cover":"/vchart/preview/polar-mark-area-pos-1.11.0.png","link":"","option":"radarChart#markArea"},"data":{"fullPath":"marker/polar-mark-area-pos"}},{"path":"polar-mark-point","title":{"zh":"极坐标系下的markPoint","en":"markPoint in polar coordinates"},"meta":{"title":"markPoint","keywords":"marker,roseChart","category":"examples","group":"marker","cover":"/vchart/preview/polar-mark-point-1.11.0.png","link":"","option":"roseChart#markPoint"},"data":{"fullPath":"marker/polar-mark-point"}},{"path":"geo-mark-point","title":{"zh":"地理坐标系下的markPoint","en":"markPoint in geo coordinates"},"meta":{"title":"markPoint","keywords":"marker,mapChart","category":"examples","group":"marker","cover":"/vchart/preview/geo-mark-point-1.11.0.png","link":"","option":"mapChart#markPoint"},"data":{"fullPath":"marker/geo-mark-point"}},{"path":"trend-line","title":{"zh":"使用 MarkLine 绘制趋势线","en":"Draw trend line using MarkLine"},"meta":{"title":"TrendLine","keywords":"marker,scatterChart","category":"examples","group":"marker","cover":"/vchart/preview/trend-line-1.12.0.png","link":"","option":"scatterChart#markLine"},"data":{"fullPath":"marker/trend-line"}},{"path":"bar-poly-regression-line","title":{"zh":"多项式回归柱状图","en":"Bar Chart with Polynomial Regression Line"},"meta":{"title":"基础条形图","keywords":"barChart,comparison,distribution,rank,rectangle","category":"examples","group":"bar chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/bar-chart/bar-regression-line.png","link":"","option":"barChart"},"data":{"fullPath":"marker/bar-poly-regression-line"}},{"path":"histogram-regression-line","title":{"zh":"直方图和回归线","en":"Histogram with Regression Line"},"meta":{"title":"基础直方图","keywords":"histogram,distribution,rectangle","category":"examples","group":"histogram chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/histogram-chart/histogram-regression-line.png","link":"","option":"histogramChart"},"data":{"fullPath":"marker/histogram-regression-line"}},{"path":"scatter-regression-line","title":{"zh":"散点图回归线","en":"Scatter Chart Regression Line"},"meta":{"title":"时序散点图-支持kde背景","keywords":"regression-line, scatterChart","category":"examples","group":"extension chart","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/scatter-chart/scatter-regression-line.png","link":"","option":"scatterChart"},"data":{"fullPath":"marker/scatter-regression-line"}},{"path":"basic-data","title":{"zh":"基础数据使用","en":"Basic Data Usage"},"meta":{"title":"基础数据使用","keywords":"data","category":"demo","group":"data","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data/basic-data.png","link":"","option":"lineChart#data"},"data":{"fullPath":"data/basic-data"}},{"path":"data-fields-alias","title":{"zh":"数据别名","en":"Data Alias"},"meta":{"title":"数据别名","keywords":"data,alias","category":"demo","group":"data","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data/data-fields-alias.png","link":"","option":"lineChart#data"},"data":{"fullPath":"data/data-fields-alias"}},{"path":"data-fields-domain","title":{"zh":"按照domain进行数据筛选","en":"Data Filtering By Domain"},"meta":{"title":"按照domain进行数据筛选","keywords":"data,filter","category":"demo","group":"data","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data/data-fields-domain.png","link":"","option":"scatterChart#data"},"data":{"fullPath":"data/data-fields-domain"}},{"path":"data-fields-sort","title":{"zh":"数据排序","en":"Data Sorting"},"meta":{"title":"数据排序","keywords":"data,sort","category":"demo","group":"data","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data/data-fields-sort.png","link":"","option":"barChart#data"},"data":{"fullPath":"data/data-fields-sort"}},{"path":"data-filter","title":{"zh":"数据筛选","en":"Data Filtering"},"meta":{"title":"数据筛选","keywords":"data,filter","category":"demo","group":"data","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/data/data-filter.png","link":"","option":"scatterChart#data"},"data":{"fullPath":"data/data-filter"}},{"path":"bar-label","title":{"zh":"柱状图标签","en":"Bar Chart Labels"},"meta":{"title":"柱状图标签","keywords":"label","category":"examples","group":"label","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/label/bar-label.png","link":"","option":"barChart#label"},"data":{"fullPath":"label/bar-label"}},{"path":"bar-label-syncState","title":{"zh":"柱状图标签状态配置","en":"Bar Chart Label State"},"meta":{"title":"柱状图标签状态配置","keywords":"label","category":"examples","group":"label","cover":"/vchart/preview/label-syncState_1.9.0.gif","link":"","option":"barChart#label"},"data":{"fullPath":"label/bar-label-syncState"}},{"path":"line-label","title":{"zh":"折线图标签","en":"Line Chart Labels"},"meta":{"title":"折线图标签","keywords":"label","category":"examples","group":"label","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/label/line-label.png","link":"","option":"lineChart#label"},"data":{"fullPath":"label/line-label"}},{"path":"combination-chart-label","title":{"zh":"组合图标签","en":"Combination Chart Labels"},"meta":{"title":"组合图标签","keywords":"label","category":"examples","group":"label","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/label/combination-chart-label.png","link":"","option":"commonChart#series-line.label"},"data":{"fullPath":"label/combination-chart-label"}},{"path":"label-formatter","title":{"zh":"文本格式化","en":"Label Formatter"},"meta":{"title":"文本格式化","keywords":"label,formatter","category":"examples","group":"label","cover":"/vchart/preview/label-formatter-1.10.0.png","link":"","option":"lineChart#label"},"data":{"fullPath":"label/label-formatter"}},{"path":"richtext-label","title":{"zh":"富文本标签","en":"RichText Label"},"meta":{"title":"柱状图富文本标签","keywords":"label,richtext","category":"examples","group":"label","cover":"/vchart/preview/label-richtext-1.10.0.png","link":"","option":"barChart#label"},"data":{"fullPath":"label/richtext-label"}},{"path":"label-mark-tooltip","title":{"zh":"标签触发图元 Tooltip","en":"Enable mark tooltip triggered by label"},"meta":{"title":"标签触发提示信息（Tooltip）","keywords":"label,tooltip","category":"examples","group":"label","cover":"/vchart/preview/label-tooltip-1.13.5.png","link":"","option":"barChart#label"},"data":{"fullPath":"label/label-mark-tooltip"}},{"path":"custom-layout","title":{"zh":"自定义布局","en":"Custom Layout"},"meta":{"title":"自定义布局","keywords":"","category":"examples","group":"layout","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/7b82fb013e7c6319c065b3d01.png","link":"","option":"commonChart#layout"},"data":{"fullPath":"layout/custom-layout"}},{"path":"grid-layout","title":{"zh":"行列布局","en":"Row and Column Layout"},"meta":{"title":"行列布局","keywords":"","category":"examples","group":"layout","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/layout/grid-layout.png","link":"","option":"commonChart#layout"},"data":{"fullPath":"layout/grid-layout"}},{"path":"align-self","title":{"zh":"行列布局","en":"Row and Column Layout"},"meta":{"title":"行内元素对齐配置","keywords":"","category":"examples","group":"layout","cover":"/vchart/preview/layout-align-self_1.9.0.png","link":"","option":"pieChart#layout"},"data":{"fullPath":"layout/align-self"}},{"path":"line","title":{"zh":"渐变折线图","en":"Gradient Line Chart"},"meta":{"title":"渐变折线图","keywords":"lineChart,comparison,trend,line,gradient","category":"demo","group":"gradient","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gradient/line.png","link":"","option":"lineChart"},"data":{"fullPath":"gradient/line"}},{"path":"bar","title":{"zh":"渐变色-高度渐变","en":"Gradient Color - Height Gradient"},"meta":{"title":"渐变色-高度渐变","keywords":"barChart,comparison,rectangle,gradient,distribution,rank","category":"demo","group":"gradient","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gradient/bar.png","link":"","option":"barChart"},"data":{"fullPath":"gradient/bar"}},{"path":"area","title":{"zh":"渐变面积图","en":"Gradient Area Chart"},"meta":{"title":"渐变面积图","keywords":"areaChart,comparison,trend,area,gradient","category":"demo","group":"gradient","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gradient/area.png","link":"","option":"areaChart"},"data":{"fullPath":"gradient/area"}},{"path":"scatter","title":{"zh":"渐变气泡图","en":"Gradient Bubble Chart"},"meta":{"title":"渐变气泡图","keywords":"scatterChart,comparison,distribution,scatter,gradient","category":"demo","group":"gradient","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gradient/scatter.png","link":"","option":"scatterChart"},"data":{"fullPath":"gradient/scatter"}},{"path":"enhancement-gradient-line","title":{"zh":"渐变色-颜色划分移动端","en":"Gradient Color - Color Segmentation on Mobile"},"meta":{"title":"渐变色-颜色划分移动端","keywords":"lineChart,comparison,trend,line,gradient","category":"demo","group":"gradient","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/gradient/enhancement-gradient-line.png","link":"","option":"lineChart"},"data":{"fullPath":"gradient/enhancement-gradient-line"}},{"path":"theme-switch","title":{"zh":"主题注册、切换","en":"Theme Registration and Switching"},"meta":{"title":"主题注册、切换","keywords":"","category":"examples","group":"theme","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/theme/theme-switch.png","link":"","option":"commonChart#theme"},"data":{"fullPath":"theme/theme-switch"}},{"path":"theme-style","title":{"zh":"不同风格主题注册、切换","en":"Different Style of Theme Registration and Switching"},"meta":{"title":"不同风格的主题注册、切换","keywords":"","category":"examples","group":"theme","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/theme/theme-style.gif","link":"","option":"barChart#theme"},"data":{"fullPath":"theme/theme-style"}},{"path":"mark","title":{"zh":"自定义 mark","en":"Custom Mark"},"meta":{"title":"自定义 mark","keywords":"","category":"examples","group":"customMark","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/57a706137957fce7388f3ab00.png","link":"","option":"barChart#customMark"},"data":{"fullPath":"custom/mark"}},{"path":"series-extension","title":{"zh":"自定义 symbol mark","en":"Custom Symbol Mark"},"meta":{"title":"自定义 symbol mark","keywords":"","category":"examples","group":"customMark","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/custom/series-extension.png","link":"","option":"barChart#customMark"},"data":{"fullPath":"custom/series-extension"}},{"path":"pie-extension","title":{"zh":"饼图自定义 mark","en":"Pie Extension Mark"},"meta":{"title":"饼图自定义 mark","keywords":"","category":"examples","group":"customMark","cover":"/vchart/preview/custom-pie-extension.png","link":"","option":"pieChart#extensionMark"},"data":{"fullPath":"custom/pie-extension"}},{"path":"custom-shape","title":{"zh":"自定义 Shape","en":"Custom Shape"},"meta":{"title":"自定义Shape","keywords":"","category":"examples","group":"customMark","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/custom-mark/custom-shape.png","link":"","option":"barChart#customMark"},"data":{"fullPath":"custom/custom-shape"}},{"path":"bar-image-extension","title":{"zh":"条形图image填充","en":"image in bar chart"},"meta":{"title":"条形图image填充","keywords":"","category":"examples","group":"customMark","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/custom-mark/bar-image-fill.png","link":"","option":"barChart#extensionMark"},"data":{"fullPath":"custom/bar-image-extension"}},{"path":"pie-extend-bars","title":{"zh":"饼图扩展柱图","en":"pie and bar"},"meta":{"title":"饼图扩展柱图","keywords":"","category":"examples","group":"customMark","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/custom-mark/pie-bar.png","link":"","option":"pieChart#extensionMark"},"data":{"fullPath":"custom/pie-extend-bars"}},{"path":"state-sort","title":{"zh":"定制状态排序","en":"Custom State Sorting"},"meta":{"title":"定制状态排序","keywords":"","category":"examples","group":"customMark","cover":"/vchart/preview/custom-state-sort_1.9.0.gif","link":"","option":"lineChart#customMark"},"data":{"fullPath":"custom/state-sort"}},{"path":"rect-html","title":{"zh":"自定义矩形渲染html拓展属性","en":"Render html in custom rect"},"meta":{"title":"自定义矩形渲染html拓展属性","keywords":"","category":"examples","group":"customMark","cover":"/vchart/preview/custom-rect-html_1.11.0.png","link":"","option":"lineChart#customMark"},"data":{"fullPath":"custom/rect-html"}},{"path":"business-funnel","title":{"zh":"业务漏斗图（柱状图模拟）","en":"Business Funnel(Simulated with Bar)"},"meta":{"title":"业务漏斗图（柱状图模拟）","keywords":"","category":"examples","group":"customMark","cover":"/vchart/preview/business-funnel-with-bar_1.11.10.png","link":"","option":"barChart#customMark"},"data":{"fullPath":"custom/business-funnel"}},{"path":"pie-extension-icon","title":{"zh":"饼图自定义Icon标记","en":"Pie Extension Icon"},"meta":{"title":"饼图图元标记","keywords":"","category":"examples","group":"customMark","cover":"/vchart/preview/pie-extension-icon.png","link":"","option":"pieChart#extensionMark"},"data":{"fullPath":"custom/pie-extension-icon"}},{"path":"accessible-column","title":{"zh":"带纹理的分组柱状图","en":"Grouped Bar Chart with Textures"},"meta":{"title":"带纹理的分组柱状图","keywords":"barChart,comparison,distribution,rank,pattern,label,rectangle","category":"examples","group":"pattern","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/pattern/accessible-column.png","link":"","option":"barChart"},"data":{"fullPath":"pattern/accessible-column"}},{"path":"accessible-pie","title":{"zh":"带纹理的饼图","en":"Pie Chart with Texture"},"meta":{"title":"带纹理的饼图","keywords":"pieChart,comparison,proportion,composition,pattern,label,circle","category":"examples","group":"pattern","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/vchart/preview/pattern/accessible-pie.png","link":"","option":"pieChart"},"data":{"fullPath":"pattern/accessible-pie"}},{"path":"dynamic-texture-progress","title":{"zh":"进度图的动态纹理","en":"Dynamic texture for progress chart"},"meta":{"title":"进度图的动态纹理","keywords":"animation,morphing,linearProgress,dynamic-texture,comparison","category":"examples","group":"pattern","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/dynamic-texture-lineprogress.gif","link":"","option":"linearProgress#dynamicTexture"},"data":{"fullPath":"pattern/dynamic-texture-progress"}},{"path":"dynamic-texture-bar","title":{"zh":"柱状图的动态纹理","en":"Dynamic texture for bar chart"},"meta":{"title":"柱状图的动态纹理","keywords":"animation,morphing,bar,barChart,dynamic-texture,comparison","category":"examples","group":"pattern","cover":"https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/dynamic-texture-bar.gif","link":"","option":"barChart#dynamicTexture"},"data":{"fullPath":"pattern/dynamic-texture-bar"}},{"path":"element-active","title":{"zh":"双轴图元素激活","en":"Dual Axis Chart Element Activation"},"meta":{"title":"双轴图元素激活","keywords":"commonChart","category":"demo","group":"interaction","cover":"/vchart/preview/interaction-element-active_1.9.0.gif","link":"","option":"commonChart"},"data":{"fullPath":"interaction/element-active"}},{"path":"area-chart-element-highlight","title":{"zh":"面积图高亮","en":"Area Chart Element Highlight"},"meta":{"title":"面积图高亮","keywords":"areaChart,comparison,trend,area","category":"examples","group":"interaction","cover":"/vchart/preview/interaction-area-chart-element-highlight_1.9.0.gif","link":"","option":"areachart"},"data":{"fullPath":"interaction/area-chart-element-highlight"}},{"path":"pie-chart-multiple-select","title":{"zh":"饼图多选交互","en":"Pie Chart Multiple Select"},"meta":{"title":"饼图多选交互","keywords":"pieChart,comparison,composition,proportion,circle","category":"demo","group":"interaction","cover":"/vchart/preview/interaction-pie-chart-multiple-select_1.9.0.gif","link":"","option":"pieChart"},"data":{"fullPath":"interaction/pie-chart-multiple-select"}},{"path":"line-chart-element-highlight-by-group","title":{"zh":"图元按组高亮","en":"Element Highlight by Group"},"meta":{"title":"图元按组高亮","keywords":"lineChart,comparison,trend,line,composition","category":"examples","group":"interaction","cover":"/vchart/preview/interaction-line-chart-element-highlight-by-group_1.9.0.gif","link":"","option":"lineChart"},"data":{"fullPath":"interaction/line-chart-element-highlight-by-group"}},{"path":"highlight-by-legend","title":{"zh":"图例触发系列高亮","en":"Legend Trigger Series Highlight"},"meta":{"title":"图例触发系列高亮","keywords":"commonChart","category":"demo","group":"interaction","cover":"/vchart/preview/interaction-highlight-by-legend_1.9.0.gif","link":"","option":"commonChart"},"data":{"fullPath":"interaction/highlight-by-legend"}},{"path":"combination-chart-highlight-by-key","title":{"zh":"组合图联合高亮","en":"ombination Chart Highlight by Key"},"meta":{"title":"组合图联合高亮","keywords":"commonChart","category":"examples","group":"interaction","cover":"/vchart/preview/interaction-combination-chart-highlight-by-key_1.9.0.gif","link":"","option":"commonChart"},"data":{"fullPath":"interaction/combination-chart-highlight-by-key"}},{"path":"pie-chart-active-by-legend","title":{"zh":"图例激活饼图","en":"Legend Trigger Pie Chart Sector Activation"},"meta":{"title":"图例激活饼图扇区","keywords":"pieChart,comparison,composition,proportion,circle","category":"demo","group":"interaction","cover":"/vchart/preview/interaction-pie-chart-active-by-legend_1.9.0.gif","link":"","option":"pieChart"},"data":{"fullPath":"interaction/pie-chart-active-by-legend"}},{"path":"rose-chart-highlight-by-name","title":{"zh":"轴标签触发高亮","en":"Axis Label Trigger Highlight"},"meta":{"title":"轴标签触发高亮","keywords":"roseChart,comparison,composition,circle","category":"demo","group":"interaction","cover":"/vchart/preview/interaction-rose-chart-highlight-by-name_1.9.0.gif","link":"","option":"roseChart,comparison,composition,circle"},"data":{"fullPath":"interaction/rose-chart-highlight-by-name"}}]},"zh":{"data":{"meta":{"title":"桑基图自定义html渲染节点","keywords":"sankey,composition,distribution,relationship,comparison,flow","category":"examples","group":"sankey chart","cover":"/vchart/preview/sankey-chart-customized-node-1.11.0.png","link":"","option":"sankeyChart"},"content":"---\ncategory: examples\ngroup: sankey chart\ntitle: 桑基图自定义html渲染节点\nkeywords: sankey,composition,distribution,relationship,comparison,flow\norder: 12-9\ncover: /vchart/preview/sankey-chart-customized-node-1.11.0.png\noption: sankeyChart\n---\n\n# 桑基图自定义 html 渲染节点\n\n桑基图可以通过相应的配置，指定节点的宽度、高度，结合 vrender 拓展属性`html` 实现指标卡桑基图\n\n## 关键配置\n\n- `dropIsolatedNode` 是否抛弃孤点，也就是没有来源去向的点\n- `nodeWidth` 指定节点的宽度\n- `equalNodeHeight` 指定节点的高度为均匀计算，不按照数据的值进行映射\n- `linkOverlap` 指定边的布局方式为重叠布局，布局对齐点为中心点\n- `node.style.html` 设置节点渲染的 html 内容\n\n## 代码演示\n\n```javascript livedemo\nconst spec = {\n type: 'sankey',\n data: [\n {\n id: 'sankeyData',\n values: [\n {\n links: [\n {\n source: '机会人群',\n target: '高潜用户',\n value: 199999\n },\n {\n source: '高潜用户0',\n target: '高潜用户',\n value: 299999\n },\n {\n source: '首课新单',\n target: '高潜用户',\n value: 399999\n },\n {\n source: '首课新单',\n target: '复购忠诚',\n value: 499999\n },\n {\n source: '副购忠诚',\n target: '高潜用户',\n value: 599999\n },\n {\n source: '其他',\n value: 199999\n },\n {\n target: '首单新客',\n value: 999\n }\n ]\n }\n ]\n }\n ],\n dataId: 'sankeyData',\n categoryField: 'name',\n valueField: 'value',\n sourceField: 'source',\n targetField: 'target',\n // nodeAlign: 'justify',\n\n dropIsolatedNode: false,\n nodeGap: 2,\n nodeWidth: 200,\n\n // nodeHeight: 100,\n equalNodeHeight: true,\n linkOverlap: 'center',\n\n title: {\n text: 'How energy is converted or transmitted before being consumed or lost',\n subtext: 'Data: Department of Energy & Climate Change via Tom Counsell',\n subtextStyle: {\n fontSize: 12\n }\n },\n label: {\n visible: false,\n style: {\n fontSize: 10\n }\n },\n node: {\n state: {\n hover: {\n stroke: '#333333'\n },\n selected: {\n lineWidth: 1,\n brighter: 1,\n fillOpacity: 0.1\n }\n },\n style: {\n fill: '#1664FF',\n fillOpacity: 0,\n lineWidth: 1,\n stroke: '#1664FF',\n html: (datum, a, c) => {\n const color = '#1664FF';\n const hasSource = datum.targetLinks && datum.targetLinks.length;\n\n return {\n style: ({ width, height }) => {\n return {\n 'border-right': `8px solid ${color}`,\n width: `${width}px`,\n height: `${height}px`,\n background: hasSource ? color : 'transparent'\n };\n },\n dom: `

\n \n

${datum.value}