ECHARTS 数据集(DATASET)

17 篇文章 0 订阅
4 篇文章 0 订阅

实例一

// 不使用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
		}
	]
}

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值