91 lines
2.0 KiB
JavaScript
91 lines
2.0 KiB
JavaScript
|
function echarts_1() {
|
||
|
|
|
||
|
|
var myChart = echarts.init(document.getElementById('echart1'));
|
||
|
|
|
||
|
|
const Data = Chart1_Data;
|
||
|
|
|
||
|
|
// 指定图表的配置项和数据
|
||
|
|
var option = {
|
||
|
|
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
axisPointer: {
|
||
|
|
type: 'shadow'
|
||
|
|
},
|
||
|
|
formatter: function (params) {
|
||
|
|
return params[0].name + ': ' + params[0].value + 'mm';
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '0%',
|
||
|
|
top: '10px',
|
||
|
|
right: '0%',
|
||
|
|
bottom: '4%',
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
type: 'value',
|
||
|
|
boundaryGap: [0, 0.01],
|
||
|
|
|
||
|
|
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
// rotate:50,
|
||
|
|
show: true,
|
||
|
|
splitNumber: 15,
|
||
|
|
textStyle: {
|
||
|
|
color: "rgba(255,255,255,.6)",
|
||
|
|
fontSize: '12',
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
yAxis: {
|
||
|
|
type: 'category',
|
||
|
|
data: Data.x,
|
||
|
|
|
||
|
|
axisLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: "rgba(255,255,255,.1)",
|
||
|
|
width: 1,
|
||
|
|
type: "solid"
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
axisTick: {
|
||
|
|
show: false,
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
interval: 0,
|
||
|
|
// rotate:50,
|
||
|
|
show: true,
|
||
|
|
splitNumber: 15,
|
||
|
|
textStyle: {
|
||
|
|
color: "rgba(255,255,255,.6)",
|
||
|
|
fontSize: '12',
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
series: [
|
||
|
|
{
|
||
|
|
name: '降雨量',
|
||
|
|
type: 'bar',
|
||
|
|
data: Data.y,
|
||
|
|
itemStyle: {
|
||
|
|
color: '#0099CC'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
window.addEventListener("resize", function () {
|
||
|
|
myChart.resize();
|
||
|
|
});
|
||
|
|
}
|