ECharts初体验
——对图形的颜色、图形变换、tooltip自定义文字
今天第一次接触ECharts,它是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
图形颜色
在ECharts中,series里是有关图像的部分。其中“Color”可设置图像的颜色,由六组变量组成。而HTML中颜色由三组变量组成,且ECharts中颜色变量需要引号括起来,HTML中不用。
图形变换
在ECharts的series中,type代表图像样式,如:line–线型图、bar–柱状图、pie–饼图、scatter–散点图、radar–雷达图等。
图像类型需用引号括起来。如:
type: 'bar',
coordinateSystem为图像使用的坐标系,具体值由图像类型确定。如柱状图的二维直角坐标系。
coordinateSystem:'cartesian2d',
tooltip自定义文字
tooltip为提示框浮层,在不使用formatter时,数据无单位但有圆圈。
在使用formatter时,数据生成单位,