在vue技术栈下做图表需求,echarts是一个非常棒的选择,提供了非常多种多样的图标示例以及非常复杂强大的API。由于笔者近期工作内容中需要分析采样点的分布情况,因此自然而然接触到了echarts的3D散点图。在笔者的需求中,需要对不同点进行分类,并按特定的颜色显示出来。经过一番踩坑,了解到了echarts在实现这方面的机制。
echarts绘图/刷新只需要通过setOption
接口即可实现。在各种options中,visualMap视觉映射组件能够根据数据在特定维度上的值,指定对应点的视觉属性(比如颜色、透明度、图元大小等等)。
要用到visualMap特性,需要import相关组件: