Toggle navigation
散点图 + 折线图1
By
_***u
2020-08-25 08:16:07
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式(csv, xlsx, json, xml, ...)的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意?你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
options = [{ title: { left: 'center', text: '散点图 + 折线图', subtext: '纵倾=[0,0), 航速=[3,0)', textStyle: { fontSize: 17, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, subtextStyle: { fontSize: 14, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', color: 'balck', }, }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' }, backgroundColor: 'rgba(245, 245, 245, 0.8)', borderWidth: 1, borderColor: '#ccc', padding: 10, textStyle: { color: '#000' }, }, toolbox: { feature: { dataZoom: { yAxisIndex: false }, brush: { type: ['lineX', 'clear'] } } }, grid: { left: '10%', right: '10%', bottom: '15%', containLabel: true }, dataZoom: [{ type: 'slider', show: true, xAxisIndex: [0], top: '92.5%', start: 0, end: 100 }, { type: 'slider', show: true, yAxisIndex: [0], left: '93%', start: 0, end: 100 }, { type: 'inside', xAxisIndex: [0], start: 0, end: 100 }, { type: 'inside', yAxisIndex: [0], start: 0, end: 100 } ], xAxis: { type: 'value', name: '功率', nameLocation: 'middle', nameGap: 30, scale: true, nameTextStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, axisLabel: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, yAxis: { type: 'value', name: '功率', scale: true, nameTextStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, axisLabel: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, legend: { right: 90, top:30, data: ['实际功率', '预测功率'], textStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, series: [{ name: '实际功率', symbolSize: 8, data: [ [1, 8.04], [2, 6.95], [3, 7.58], [4, 8.81], [5, 8.33], [6, 9.96], [7, 7.24], [8, 4.26], [9, 10.84], [10, 4.82], [12, 5.68], ], type: 'line' }] }, { title: { left: 'center', text: '散点图 + 折线图', subtext: '纵倾=[0,0), 航速=[3,0)', textStyle: { fontSize: 17, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, subtextStyle: { fontSize: 14, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', color: 'balck', }, }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' }, backgroundColor: 'rgba(245, 245, 245, 0.8)', borderWidth: 1, borderColor: '#ccc', padding: 10, textStyle: { color: '#000' }, }, toolbox: { feature: { dataZoom: { yAxisIndex: false }, brush: { type: ['lineX', 'clear'] } } }, grid: { left: '10%', right: '10%', bottom: '15%', containLabel: true }, dataZoom: [{ type: 'slider', show: true, xAxisIndex: [0], top: '92.5%', start: 0, end: 100 }, { type: 'slider', show: true, yAxisIndex: [0], left: '92.5%', start: 0, end: 100 }, { type: 'inside', xAxisIndex: [0], start: 0, end: 100 }, { type: 'inside', yAxisIndex: [0], start: 0, end: 100 } ], xAxis: { type: 'value', name: '功率', nameLocation: 'middle', nameGap: 30, scale: true, nameTextStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, axisLabel: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, yAxis: { type: 'value', name: '功率', scale: true, nameTextStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, axisLabel: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, legend: { right: 90, top:30, data: ['实际功率', '预测功率'], textStyle: { fontSize: 15, fontFamily: "Arial", fontWeight: 'normal', fontStyle: 'normal', }, }, series: [{ name: '实际功率', symbolSize: 8, data: [ [1, 8.04], [2, 6.95], [3, 7.58], [4, 8.81], [5, 8.33], [6, 9.96], [7, 7.24], [8, 4.26], [9, 10.84], [10, 4.82], [12, 5.68], ], type: 'line' }] }]