Echarts

Echarts 是什么？

常见的数据可视化库：

• D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)
• ECharts.js 百度出品的一个开源 Javascript 数据可视化库
• Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用
• AntV 蚂蚁金服全新一代数据可视化解决方案 等等
• Highcharts 和 Echarts 就像是 Office 和 WPS 的关系

说人话：

• echarts.js 是一个 JS 插件
• 性能好，可流畅运行 PC 与移动设备
• 兼容主流浏览器
• 提供很多常用图表，且可定制。

官网地址：https://www.echartsjs.com/zh/index.html

const option = {
  title: {
    text: "ECharts 入门示例"
  },
  tooltip: {},
  legend: {
    data: ["销量"]
  },
  xAxis: {
    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
  },
  yAxis: {},
  series: [
    {
      name: "销量",
      type: "bar",
      data: [5, 20, 36, 10, 10, 20]
    }
  ]
};

参考资料

Echarts 图表制作 (opens new window)

Echarts-Vue 项目综合练习 (opens new window)