echarts使用方法

1.引入完整版echarts.min.js.

2.为ECharts准备一个具备大小（宽高）的Dom .

<div id="main" style="width: 600px;height:400px;"></div>

3.script下面基于准备好的dom，初始化echarts实例.

var myChart = echarts.init(document.getElementById('main'));

4.复制所需要格式echarts的图表option粘贴. url: http://www.echartsjs.com/examples/

 // 指定图表的配置项和数据

        var option = {

            title: {

                text: 'ECharts 入门示例'

            },

            tooltip: {},

            legend: {

                data:['销量']

            },

            xAxis: {

                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

            },

            yAxis: {},

            series: [{

                name: '销量',

                type: 'bar',

                data: [, , , , , ]

            }]

        };

5.使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

巴特西

echarts使用方法

最新文章

热门文章