图表库ECharts的使用

<script src="./echarts.js"></script>

#chart-one{
 width:400px;
 height:300px;}<div id="chart-one"></div>

var chart_one = echarts.init(document.getElementById('chart-one'));

var option = {
    //标题组件
    title: {
        text: '班级人数'
    },
    //图例组件，可点击图例控制哪些系列不显示
    legend: {
        data:['销量']
    },
    //直角坐标系 grid 中的 x 轴
    xAxis: {
        data: ["1班","2班","3班","4班","5班","6班"]
    },
    //直角坐标系 grid 中的 y 轴
    yAxis: {}, 
    series: [{ name: '人数', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; 
    
    // 显示图表
    chart_one.setOption(option);