echarts2.0实现，无数据时图表显示气泡
程序员文章站
2022-06-07 19:42:53
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>echarts2.0无数据气泡</title>
</head>
<body>
<div id="main" style="width: 200px;height: 400px;"></div>
//请去echarts2.0官网下载echarts-all.js
//echarts2.0下载地址：https://yoo66.com/app/echarts/index.html
<script type="text/javascript" src="js/2/echarts-all.js"></script>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
tooltip: {
trigger: 'axis'
},
legend: {
data: ['蒸发量', '降水量']
},
toolbox: {
show: true,
feature: {
mark: {
show: true
},
dataView: {
show: true,
readOnly: false
},
magicType: {
show: true,
type: ['line', 'bar']
},
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
calculable: true,
xAxis: [{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
}],
yAxis: [{
type: 'value',
splitArea: {
show: true
}
}],
series: [ //无数据时series是空的
''
]
});
</script>
</body>
</html>
效果如下：
上一篇： 进制转换 相关技术文章
下一篇： JDK8的Optional用法