echarts动态图表

一款非常实用的图表插件工具echarts。首先贴上官网地址http://echarts.baidu.com/,截取了官网实例的一个图,可以看到官方提供的图表类型非常的丰富,也有详细的使用文档。

官网截图

下面简单介绍echarts的使用

第一步:下载官网的echarts源代码

第二步:创建一个项目,页面中引入echarts.js,并且创建一个元素用来初始化图表

  
  
  
     echarts
   
  
  
      

第三步:初始化与数据配置(图表的配置项可以在官网实例中 找到自己合适的图表点开复制里面的配置参数即可),如下:


官方文档:在文档的配置项中,可以看到对图表的详细配置参数,比如下图X坐标轴的配置项

图表参数截图

最后附上我上面贴的代码的效果图

demo效果图

你可能感兴趣的:(echarts动态图表)