“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:05的版本
代码：
/* <!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> */
