【石家庄校区】Echarts入门学习（一） - 黑马程序员技术交流社区

[JavaScript] 纯文本查看 复制代码

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

[HTML] 纯文本查看 复制代码

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

[AppleScript] 纯文本查看 复制代码

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

[JavaScript] 纯文本查看 复制代码

 var option = {

        title: {

            text: 'ECharts 入门示例-尝试'

        },

        tooltip: {},

        legend: {

            data:['数量',"销量"]

        },

        xAxis: {

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

        },

        yAxis: {},

        series: [{

            name: '数量',

            type: 'bar',

            data: [5, 20, 36, 10, 10, 20,30]

        },{

            name: '销量',

            type: 'bar',

            data: [22, 80, 16, 60, 10, 20,39]

        }]

    };

[AppleScript] 纯文本查看 复制代码

 myChart.setOption(option);