【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图

echarts

是一个基于 JavaScript 的开源可视化库,用于构建交互式和自定义的图表,使数据更加直观和易于理解,由百度开发并于2018年捐赠给 Apache 软件基金会,后来改名为Apache ECharts

类似的还有Chart.js

Chart.js地址:Chart.js 中文网

基础折线图

效果图:

【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图_第1张图片

 源码:





  
  Basic Line Chart - Apache ECharts Demo
  



  

折线图堆叠

效果图:

【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图_第2张图片

源码:





  
  Basic Line Chart - Apache ECharts Demo
  



  

基础柱状图

效果图:

【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图_第3张图片

代码:





  
  Basic Line Chart - Apache ECharts Demo
  



  

折柱混合

效果图:

【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图_第4张图片

 源代码:





  
  Basic Line Chart - Apache ECharts Demo
  



  

环形图

效果图:

【echarts】用js与echarts数据图表化,折线图、折线图堆叠、柱状图、折柱混合、环形图_第5张图片

 源代码:





  
  Basic Line Chart - Apache ECharts Demo
  



  

echarts文档:Examples - Apache ECharts

你可能感兴趣的:(Javascript与ES6~,html5,&&,css3,&&,浏览器,javascript,echarts,前端)