Apache ECharts

简介

Apache ECharts（前身为百度ECharts）是一个开源的JavaScript数据可视化库，用于创建交互式的图表和数据可视化。它提供了丰富的图表类型，包括折线图、柱状图、饼图、散点图等，以及丰富的交互功能，如数据展示、缩放、工具提示等。Apache ECharts广泛用于Web应用程序和数据分析项目，它的易用性和灵活性使开发人员能够轻松创建漂亮的数据可视化图表。它是一个开源项目，因此开发人员可以自由地使用和定制它来满足他们的需求。

使用

1. 获取一个div元素的引用。

var chartDom = document.getElementById('main');

2. 使用echart.init初始化echart图标，并挂载到DOM元素上。

var myChart=echart.init(chartDom);

3. 定义一个图标配置对象option。如下定义了一个折线图。

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

4. 为echart对象设置配置对象。

myChart.setOption(option);