//绘制折线图
function DrawBar(data, id, titletext) {
var xData = [];
var datas = [];
for(var i = 0; i < data.length; i++){
xData.push(data[i].xAxisData || ",");
datas.push(data[i].chartsData || ",");
}
// 找到div容器,初始化echarts图表
var mc = document.getElementById(id);
var myChart = echarts.init(mc);
var option = {
tooltip: {
show: true
},
title: {
left: 'center',
text: titletext,
textStyle:{
//文字颜色
color:'#000000',
//字体风格,'normal','italic','oblique'
fontStyle:'normal',
//字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
fontWeight:'normal',
//字体系列
fontFamily:'sans-serif',
//字体大小
fontSize:14,
},
},
toolbox: {
show: false
},
xAxis: [
{
type: 'category',
data: xData,
triggerEvent:true,
name: '日期'
}
],
yAxis: [
{
type: 'value',
name: '天'
}
],
series: [
{
"name": "天数",
"type": "line",
itemStyle : {
normal : {
color:'#5A91E1',
lineStyle:{
color:'#5A91E1'
},
label : {show: true}
}
},
"data": datas,
},
]
};
myChart.setOption(option);
//浏览器大小改变时重置大小
window.onresize = function () {
myChart.resize();
};
}
js实现折线图
最新推荐文章于 2023-10-24 10:20:02 发布