ECharts v3.6 发布:自定义系列、极坐标柱状图
在 ECharts 新发布的 3.6 版本中,新增了 自定义系列(custom series),能让用户定制渲染逻辑,从而在已有坐标系中创造新的图表。此外还有极坐标柱状图、自定义维度映射、dataZoom 等其他一些增强。
自定义系列
图表的类型多种多样,有些大众有些小众,echarts 难于内置得支持所有类型的图表。所以推出了 自定义系列(custom series)。
自定义系列可以自定义系列中的图形元素渲染。从而能扩展出不同的图表。同时,echarts 会统一管理图形的创建删除、动画、与其他组件(如 dataZoom、visualMap)的联动,使用户不必纠结这些细节。
例如,下面的例子使用 custom series 扩展出了 x-range 图:可以注意到,里面须用户自定义的渲染逻辑,在 renderItem
这个函数中,并不十分复杂。但是得到的功能是比较完备的。
1 | var option = { |
下面是其他一些例子:
极坐标柱状图
极坐标中的柱状图,可以按径向排布或者切向排布。
使用时,只需要将系列的 coordinateSystem
设置为 'polar'
,将原先笛卡尔坐标系中使用的 xAxis
和 yAxis
替换成 radiusAxis
和 angleAxis
,就能使用极坐标系的柱状图了。
其他
此外,
- 支持了encode 设定,可以指定 data 中哪些维度映射到坐标系中哪个轴,或者哪些维度在 tooltip 以及 label 中显示。
- 支持了 dimensions 设定,能指定 data 中每个维度的名称和类型。名称可以显示在默认 tooltip 中。
dataZoom
组件进行了增强。比如,支持了『按住'ctrl'
/'alt'
/'shift'
和滚轮时才能出发缩放平移』功能,避免和页面的滚动冲突(参见 moveOnMouseMove 和 zoomOnMouseWheel。另外支持了 minSpan 和 maxSpan 等细节配置。
更多的升级信息,参见 changelog。