{
title: {
text: ''
},
xAxis: (chartData && chartData.xAxis) || {
name:that.xname || '',
// X轴
type: 'category',
data: chartData && chartData.datas && chartData.datas.time, // ['04/16', '04/21', '04/26', '05/01', '05/06', '05/11', '05/16'],
boundaryGap: false, //从0刻度开始
axisLine: {
// 设置轴线的属性
lineStyle: {
color: '#8e8e8e', //
width: 1 // 这里是为了突出显示加上的
}
},
// axisTick: {
// show: false //去掉刻度线
// },
},
tooltip: (chartData && chartData.tooltip) || {
// 鼠标悬停提示内容
trigger: 'axis',
// 在这里设置
// formatter: '{a0}：{c0}%',
axisPointer: {
// 坐标轴指示器，坐标轴触发有效
type: 'line' // 默认为直线，可选为：'line' | 'shadow'
},
// formatter:'{b0}<br/>{a0}：{c0}' + (this.unit? this.unit : '')
formatter:function(params)
{
var relVal = params[0].name;
for (var i = 0, l = params.length; i < l; i++) {
relVal += '<br/>' + params[i].marker + params[i].seriesName+'：'+ (Number(params[i].value).toLocaleString() || 0) + (that.unit? that.unit : '');
}
// toLocaleString()给数字添加千位分隔符
return relVal;
}
},
grid: (chartData && chartData.grid) || {
// 布局 控制图的大小，调整下面这些值就可以
left: '2%',
right: '45px',
top:that.nogrid?'15%':'25%',
bottom: '2%',
containLabel: true
},
legend: (chartData && chartData.legend) || {
top:"30px",
data: (chartData && chartData.legenddata) || [],
selected: (chartData && chartData.selected) || [],
// align: 'center' //居中显示
},
yAxis: (chartData && chartData.yAxis) || [
// 两个y轴
{
name: that.yname || '',
type: 'value',
axisLine: {
// 设置轴线的属性
lineStyle: {
color: '#8e8e8e',
width: 1 // 这里是为了突出显示加上的
},
formatter: '{value} %'
},
splitLine: {
// 设置网格样式
show: false,
lineStyle: {
color: ['#F5F5F5'],
width: 1,
type: 'solid'
}
}
}
],
series: (chartData && chartData.series) || [
// 用于指定图标显示类型
{
name: chartData && chartData.echartXName,
type: 'line',
tooltip: {
trigger: 'axis'
},
yAxisIndex: 0,
smooth: false, // true:光滑的曲线 false:直线
itemStyle: {
normal: {
color: 'rgba(93,98,1811,1)', // #268EFA 蓝色
lineStyle: {
width: 1.4 // 设置线条粗细
},
label: {
textStyle: {
fontSize: 10,
color: '#ccc'
}
}
}
},
data:chartData && chartData.datas && chartData.datas.data
}
]
};