{
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
}
]
};