制作简单的ECharts系列图
##首先引入echarts
<script src="./js/echarts.min.js"></script>
##建一个简单的系列图(在 series里面写需要的数据和类型即可)
<script>
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: '一览',
x: 'center',
y:'top',
},
tooltip: {},
legend: {
data:['占比']
},
xAxis: {
data: ["军规","受限","保密","隐秘","消费","工业"]
},
color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
'#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
yAxis: {},
series: [{
type: 'bar',
data: [5, 20, 36, 10, 10, 50]
},{
type:'line',
data: [5, 20, 36, 10, 10,50]
},{
radius:'20px',
center:['65%',60],
type:'pie',
data: [
{name:'"军规"',value:5,},
{name:'"受限"',value:20,},
{name:'"保密"',value: 36,},
{name:'"隐秘"',value: 10,},
{name:'"消费"',value:10,},
{name:'"工业"',value:50,},
]
}]
};
myChart.setOption(option);
</script>