2020红亚杯:Echarts实现商品画像可视化

来自CloudWiki
张文哲讨论 | 贡献2020年11月28日 (六) 14:09的版本 (创建页面,内容为“ == js代码: == <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> <script> var mycharts = echarts.init(document.getElem…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

js代码:

   <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
   <script>
   var mycharts = echarts.init(document.getElementById("two"));
   var option = {
       title: {
           text: "商品画像",
           left:200
       },
       legend:{
           orient: 'vertical',
           right:-40,
           data:["H60-L01","荣耀6","移动4G版智能手机","30pro","智能手机","畅想20"],
       },
       xAxis: {},
       yAxis: {},
       series: [{name:"H60-L01",type:"pie",data:[
           {name:"H60-L01",value:2},
                       {name:"荣耀6",value:2},
           {name:"移动4G版智能手机",value:3},
           {name:"30pro",value:1},
           {name:"智能手机",value:2},
           {name:"畅想20",value:1},


           ]},
       ]
   };
   mycharts.setOption(option);
   </script>