2020红亚杯：Echarts实现用户信用可视化

来自CloudWiki
张文哲（讨论 | 贡献）2020年11月28日 (六) 14:03的版本
跳转至： 导航， 搜索

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 600px; height: 600px" id="two"></div> </body> <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:10, data:["1","2","3","4","5","6","7","8","9","10","11"] }, xAxis: {}, yAxis: {}, series: [{name:"pi",type:"pie",data:[ {name:"1",value:616}, {name:"2",value:2853}, {name:"3",value:3790}, {name:"4",value:6224}, {name:"5",value:5109}, {name:"6",value:6181}, {name:"7",value:5469}, {name:"8",value:6622}, {name:"9",value:3956}, {name:"10",value:3055}, {name:"11",value:973}, ]}, ] }; mycharts.setOption(option);</script> </html>代码： 

   <!DOCTYPE html>
   <html lang="en">
   <head>
       <meta charset="UTF-8">
   
       <title>Title</title>
   </head>
   <body>

   </body>
   <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:10,
               data:["1","2","3","4","5","6","7","8","9","10","11"]
           },
           xAxis: {},
           yAxis: {},
           series: [{name:"pi",type:"pie",data:[
                           {name:"1",value:616},
               {name:"2",value:2853},
               {name:"3",value:3790},
               {name:"4",value:6224},
               {name:"5",value:5109},
               {name:"6",value:6181},
               {name:"7",value:5469},
                   {name:"8",value:6622},
                   {name:"9",value:3956},
                   {name:"10",value:3055},
                   {name:"11",value:973},
               ]},
   
           ]
       };
       mycharts.setOption(option);</script>
   
   </html>
取自“http://www.openbrains.net/mediawiki/index.php?title=2020红亚杯：Echarts实现用户信用可视化&oldid=24246”