“2020红亚杯：Echarts实现用户信用可视化”的版本间的差异

来自CloudWiki
跳转至： 导航， 搜索
（→‎代码：）
第1行： 第1行：
  
−
/* 代码： */
+
 
 +
== 代码： ==
 +
 
 +
<!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>

2020年11月28日 (六) 14:06的版本


代码：

<!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=24253”