echarts树状图

1,039 阅读1分钟

树状图 后台运行package.json脚本 从网站echarts.apache.org/zh/index.ht…

   

   

   

    Document

   

   

       

       

     

     

        // 基于准备好的dom,初始化echarts实例

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

 

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

        var option = {

          title: {

            text: 'ECharts 入门示例',

            textStyle:{color :'#d3a5e6'}

          },

          tooltip: {},//提示信息

          legend: {

            data: ['1月销量','2月销量','3月销量']

          },

          xAxis: {

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

          },

          yAxis: {},

          series: [

            {

              name: '1月销量',

              type: 'line',

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

              smooth:0.5

            },

            {

              name: '2月销量',

              type: 'line',

              data: [5, 20, 40, 10, 10, 20],

              smooth:0.5

\

            },

            {

              name: '3月销量',

              type: 'line',

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

            }

          ]

        };

 

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

        myChart.setOption(option);