柱状图+折线图

最新推荐文章于 2024-01-24 11:14:01 发布

猪猪女536

最新推荐文章于 2024-01-24 11:14:01 发布

阅读量140

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_65322976/article/details/128305167

版权

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<script src="./echarts.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

{
name: 'Precipitation',
type: 'bar',
tooltip: {
valueFormatter: function (value) {
return value;
}
},
data: [
500,800,600,900,600,500,400,500,800,600,10
]
},

{
name: 'Temperature',
type: 'line',
yAxisIndex: 1,
tooltip: {
valueFormatter: function (value) {
return value;
}
},
data: [0,1000,8000,9000,0,0,1000,0,1000,0,0]

},
{
name: 'Temperature',
type: 'line',
yAxisIndex: 1,
tooltip: {
valueFormatter: function (value) {
return value;
}
},
data: [0,1000,8000,20000,5000, 8000,1000,0,1000,0,0]

},
{
name: 'Temperature',
type: 'line',
yAxisIndex: 1,
tooltip: {
valueFormatter: function (value) {
return value;
}
},
data: [0,1000,5000,7000,5000, 8000,1000,0,1000,0,0]

}
]
};
myChart.setOption(option);
</script>
</body>

</html>