Echarts简单实例

Posted pyx-blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts简单实例相关的知识,希望对你有一定的参考价值。

// 基于准备好的dom,初始化echarts实例
        var myChart = echarts.init(document.getElementById(‘main‘));
 
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: ‘第一个 ECharts 实例‘
            },
            tooltip: {},
            legend: {
                data:[‘销量‘]
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: ‘销量‘,
                type: ‘bar‘,
                data: [5, 20, 36, 10, 10, 20]
            }]
        };
 
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

 

以上是关于Echarts简单实例的主要内容,如果未能解决你的问题,请参考以下文章

echarts的简单应用之饼图

echarts入门

echarts学习总结

Echarts Gallery的官方实例和个人的实例源代码如何下载?

简单的echarts安装教程

ECharts动态加载堆叠柱状图的实例