Apache ECharts数据可视化技术

介index.php/tags-41973.html" >���

官方地址:Apache ECharts

快速入门案例echarts.init //初始化方法

          ECharts                              // 基于准备好的dom，初始化echarts实例      var myChart = echarts.init(document.getElementById('main'));//通过id绑定数据      // 指定图表的配置项和数据      var option = {        title: {          text: 'ECharts 入门示例'        },        tooltip: {},        legend: {          data: ['销量']        },        xAxis: {          data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']                //跟x轴一一对应        },        yAxis: {},        series: [          {            name: '销量',            type: 'bar',//bar表示树状图            data: [5, 20, 36, 10, 10, 20]//y轴的数量 此数字跟x轴的date一一对应          }        ]      };      // 使用刚指定的配置项和数据显示图表。      myChart.setOption(option);      

效果

(这些官网上都有)