echarts中折線圖、柱狀圖之間的轉換
echarts中折線圖、柱形圖、資料檢視的轉換需要toolbox裡面的內容(也就是加粗的部分)
// 基於準備好的dom,初始化echarts例項
var day = echarts.init(document.getElementById('day'));
// 指定圖表的配置項和資料
var day_options = {
title: {
text: '日報表',
// subtext: '單位:條'
},
tooltip: {
trigger: 'axis'
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
}, //區域縮放,區域縮放還原
dataView: {
readOnly: false
}, //資料檢視
magicType: {
type: ['line', 'bar']
}, //切換為折線圖,切換為柱狀圖
restore: {}, //還原
saveAsImage: {} //儲存為圖片
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1']
},
yAxis: {
type: 'value'
},
series: [
{
name:'日報表',
type:'line',
data:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
markPoint: {
data: [
{
type: 'max', name: '最大值'
},
{
type: 'min', name: '最小值'
}
]
}
},
]
};
day.setOption(day_options);