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

来自CloudWiki
跳转至: 导航搜索
js代码:
 
(未显示同一用户的7个中间版本)
第1行: 第1行:
<nowiki>    <!DOCTYPE html>
+
 
    <html lang="en">
+
 
    <head>
+
== js代码: ==
        <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 src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
 
     <script>
 
     <script>
        var mycharts = echarts.init(document.getElementById("two"));
+
    var mycharts = echarts.init(document.getElementById("two"));
        var option = {
+
    var option = {
            title: {
+
        title: {
                text: "信用得分分布图",
+
            text: "信用得分分布图",
                left:200
+
            left:200
            },
+
        },
            legend:{
+
        legend:{
                orient: 'vertical',
+
            orient: 'vertical',
                right:10,
+
            right:10,
                data:["1","2","3","4","5","6","7","8","9","10","11"]
+
            data:["1","2","3","4","5","6","7","8","9","10","11"]
            },
+
        },
            xAxis: {},
+
        xAxis: {},
            yAxis: {},
+
        yAxis: {},
            series: [{name:"pi",type:"pie",data:[
+
        series: [{name:"pi",type:"pie",data:[
                            {name:"1",value:616},
+
                        {name:"1",value:616},
                {name:"2",value:2853},
+
            {name:"2",value:2853},
                {name:"3",value:3790},
+
            {name:"3",value:3790},
                {name:"4",value:6224},
+
            {name:"4",value:6224},
                {name:"5",value:5109},
+
            {name:"5",value:5109},
                {name:"6",value:6181},
+
            {name:"6",value:6181},
                {name:"7",value:5469},
+
            {name:"7",value:5469},
                    {name:"8",value:6622},
+
                {name:"8",value:6622},
                    {name:"9",value:3956},
+
                {name:"9",value:3956},
                    {name:"10",value:3055},
+
                {name:"10",value:3055},
                    {name:"11",value:973},
+
                {name:"11",value:973},
                ]},
+
            ]},
   
+
 
            ]
+
         ]
        };
+
     };
        mycharts.setOption(option);</script>
+
    mycharts.setOption(option);</script>
   
 
    </html></nowiki>代码:
 
    <!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:08的最新版本


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: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>