实例一
// 不使用dataset
var option = {
xAxis: [{
type: 'category',
data: ['17:35:00', '17:40:00', '17:45:00', '17:50:00']
}
],
yAxis: [{
type: 'value'
}
],
series: [{
type: 'line',
name: '震动',
data: [43.3, 85.8, 93.7]
}, {
type: 'line',
name: '转速',
data: [83.1, 73.4, 55.1]
}, {
type: 'line',
name: '特征值',
data: [72.4, 53.9, 39.1]
}
]
};
实例二
对象数组,对象是竖直结构显示的
// 使用dataset
var option = {
dataset: {
dimensions: ['product', 'VTA13451_5', 'VTA13451_1', 'ZISA13451_1'],
source: [{
'product': '17:35:00',
'VTA13451_5': 43.3,
'VTA13451_1': 85.8,
'ZISA13451_1': 93.7
}, {
'product': '17:40:00',
'VTA13451_5': 83.1,
'VTA13451_1': 73.4,
'ZISA13451_1': 55.1
}, {
'product': '17:45:00',
'VTA13451_5': 86.4,
'VTA13451_1': 65.5,
'ZISA13451_1': 82.5
}, {
'product': '17:50:00',
'VTA13451_5': 72.4,
'VTA13451_1': 53.9,
'ZISA13451_1': 39.1
}
]
},
// 声明一个 X 轴,类目轴(category)。默认情况下,类目轴对应到 dataset 第一列。
xAxis: [{
type: 'category'
}
],
// 声明一个 Y 轴,数值轴。
yAxis: [{
type: 'value',
}
],
// 声明多个 bar 系列,默认情况下,每个系列会自动对应到 dataset 的每一列。
series: [{
type: 'line'
}, {
type: 'line'
}, {
type: 'line'
}
]
};
实例三
数组也是 竖直显示的数据 只是不是对象形式
var option = {
dataset: {
// 提供一份数据。
dimensions: ['product', 'VTA13451_5', 'VTA13451_1', 'ZISA13451_1'],
source: [
['17:35:00', 43.3, 85.8, 93.7],
['17:40:00', 83.1, 73.4, 55.1],
['17:45:00', 86.4, 65.2, 82.5],
['17:50:00', 72.4, 53.9, 39.1]
]
},
// 声明一个 X 轴,类目轴(category)。默认情况下,类目轴对应到 dataset 第一列。
xAxis: [{
type: 'category'
}
],
// 声明一个 Y 轴,数值轴。
yAxis: [{
type: 'value',
}
],
// 声明多个 bar 系列,默认情况下,每个系列会自动对应到 dataset 的每一列。
series: [{
type: 'line'
}, {
type: 'line'
}
]
};
实例4
var option = {
"dataset": {
"dimensions": ["product", "ZISA13451_1_特征值", "VTA13451_1_震动", "KE13451_1_转速", "VTA13451_1_转速"],
"source": [
['17:00:00', 11, 90, 737, 679],
['17:05:00', 30, 43, 776, 379],
['17:10:00', 23, 73, 736, 39],
['17:15:00', 76, 92, 76, 69],
['17:20:00', 10, 63, 96, 339],
['17:25:00', 18, 43, 736, 366]
]
},
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "cross",
"animation": false,
"label": {
"backgroundColor": "#283b56"
}
}
},
"axisPointer": {
"link": {
"xAxisIndex": "all"
}
},
"xAxis": [{
"type": "category",
"gridIndex": 0,
"boundaryGap": true
}, {
"type": "category",
"gridIndex": 1,
"boundaryGap": true
}
],
"yAxis": [{
"type": "value",
"gridIndex": 0
}, {
"type": "value",
"gridIndex": 1
}
],
"grid": [{
"bottom": "55%"
}, {
"top": "55%"
}
],
"series": [{
"type": "line",
"xAxisIndex": 0,
"yAxisIndex": 0
}, {
"type": "line",
"xAxisIndex": 0,
"yAxisIndex": 0
}, {
"type": "line",
"xAxisIndex": 0,
"yAxisIndex": 0
}, {
"type": "line",
"xAxisIndex": 1,
"yAxisIndex": 1
}
]
}