ECharts初体验

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时，数据生成单位，