【Vue + echarts】echarts 入门 ，超详细讲解+漏斗图案例实践

EChartsOption超详细讲解

通用设置

• title

标题组件，包含主标题和副标题。

• tooltip

• • trigger: 'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
  • formatter :提示框浮层内容格式器，支持字符串模板和回调函数两种形式。 在 trigger 为 'axis' 的时，会有多个系列的数据，此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。 不同图表类型下的 {a}，{b}，{c}，{d} 含义不一样。 其中变量{a}, {b}, {c}, {d}在不同图表类型下代表数据含义为： 漏斗图: {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）

• toolbox :工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具

• • feature:各工具配置项。除了各个内置的工具按钮外，还可以自定义工具按钮。注意，自定义的工具名字，只能以 my 开头，例如 myTool1，myTool2：

• • • saveAsImage 保存为图片。
    • dataView:数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新。
    • restore :配置项还原。

• legend:图例组件。图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。当图例数量过多时，可以使用 滚动图例（垂直） 或 滚动图例（水平），
• series 设置图的类型，以及具体的参数，这里以漏斗图series-funnel漏斗图为例：

漏斗图设置

• type = 'funnel'

指定为funnel漏斗图类型

• id

组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。

• name

系列名