老师,工具箱所有图标都显示不出来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Js</title>
<style>
.red{
border:1px solid red;
}
</style>
</head>
<body>
<!-- 为ECharts准备一个具备大小的Dom -->
<div id="main" style="width:900px;height:600px"></div>
<script src="echarts.min.js"></script>
<script>
// 基于准备好的Dom,初始化echarts实例
var myChart=echarts.init(document.getElementById('main'));
//指定图表的配置项和数据
var options={
//标题
title:{
text:'ECharts入门实例',
subtext:'学习ECharts就来木妖王',
textStyle:{
fontSize:30
},
subtextStyle:{
align:'center'
},
left:'right',
borderColor:'red',
borderWidth:5
},
//工具箱
toolBox:{
show:true,
feature:{
saveAsImage:{
show:true
},
dataView:{
show:true
},
restore:{
show:true
},
dataZoom:{
show:true
},
magicType:{
type:['line','bar']
}
}
},
//图例
legend:{
data:['销量','产量']
},
//x轴
xAxis:{
data:['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']
},
//y轴
yAxis:{},
//数据
series:[{
name:'销量',
type:'bar',
data:[5,15,25,13,23,6]
},{
name:'产量',
type:'line',
data:[7,30,89,55,67,88]
}]
}
//使用刚指定的配置项和数据显示图表
myChart.setOption(options)
</script>
</body>
</html>