Toggle navigation
自定义markPoint
By
衢***傲
2020-12-01 03:06:16
脚本
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
图表已生成
整理代码
刷新
代码
option = { backgroundColor:"#00142f", color:['#f6ff00','#00deff'], grid: { left: '5%', right: '5%', top: '10%', bottom: '5%', containLabel: true }, legend: { data:['召测电流值','主站电流值'], textStyle: { color: '#5082b1', fontSize:28 }, bottom:0, }, xAxis: [{ type: 'category', boundaryGap: false, axisLabel: { color: "#fff", fontSize:28 }, axisLine: { show: true, lineStyle: { color: '#397cbc' } }, axisTick: { show: false, }, splitLine: { show: false, lineStyle: { color: '#42b1e5' } }, data: ['10', '20', '30', '40', '50', '60', '70', '80', '90', '100', '110', '120'] }], yAxis: [{ type: 'value', name: '单位:%', nameTextStyle:{ color: '#5082b1', fontSize:28 }, axisLabel: { formatter: '{value}', textStyle: { color: '#5082b1', fontSize:28 } }, axisLine: { show:false }, axisTick: { show: false, }, splitLine: { lineStyle: { type: 'dashed', color: '#387ca3', width: 2 } }, }, ], series: [{ name: '召测电流值', type: 'line', stack: '总量', symbol: 'none', smooth:true, itemStyle: { normal: { lineStyle: { width: 2 }, } }, data: [120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330], markPoint : { data : [ { name: '', symbolSize:28, symbol:"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADaklEQVRIiZ2WS2yMURTHf983Y1RHKcaz4tEQW++VKCuxkLASJKxYk1bs7YRgY6M7CYlEwkokFlTsPGNhQ+pZrxGm2hkto1fu+F85buaBm9zFfHPv+X3/c853zkkcLVcCrAU2AauBeUBel8rAO+A+cBO4i3NNTTYDpsAO4ADQAXwBKsAYUNWZLNAGtAPTgBHgLHAZ5yb+BbgQOC01H4CSAX6LgDkD7ATmSPVBnHv9N8D1wAnjro/AZ2BU6r4DP3Q2A0ySyqnADKBg3N6Lc3eaATcAp4AhbQ/8JFd5deNSF9yVSuVkqfSunylgl/YhnLtdD7gUuAC8B14Ab4AiMCx140ZduJYYlZOlcjowG1gALBZ8F849s0B/6aLcMAi8NOo87KuBTUTA1ECnCBpULgK6FZ6dOPcjq4vbdeCJQEXBhk3cQqLE2efMi0xE8Q0JtVwZfynVWx5QNlrQiGAhK10dGEZxVWfHdHdYtoqyvZ8kSTxwnYJd0h6pk5HWjRllYy5SGdR9191R2Sopyz1jnXdpj76xLzpUNglSNaB87duCbYqTV3MDOK4wYJSmslE2YG+/xwNXKeUrxoX2W3NKhnPACqPKK9yisrdbn5FTiILS4OJgf2Wq9LWgapQEfu2LYHbNAvqimAb3ViNwV6osqkYgZ1yJlDRbPXVi6gw82G9PWxgKq9Di/5xqacuVKrBZ7YyeJdphvWphaFSZGFZiikJq7Ff8j7cqvjlVCwsOHrjSAnjVJFlqqk9WNnNiDPk/HiiO7RE4Y972EnC9AewxcNKcxZS6nOmXfj/0wAH5v0PfV16FOKhNFPhe4CjwSO7zZfAMsFcuDcCsKeZ52ewQY8AXb3/ommL5FHhuCnc56hCNBoQk6hx5U8CXAMv0bGsqI/1qKQUd7NSbTYmU1svqNFIWOkanbBVku9+PHaFbXK71rF9vVIkqTaqPNtWzpEl7Cp1/liDztItiEIDe0GHgvLp0aEWhxZT/sgHnpczD5suWL/R7fC+0QNR4j2iewbiozYwY3xqMGLkmI0Yfzg3+DnadLNgIHFMmhiGqZDp/NWqy2ShuYYiaURPg3K0/sqtB2nVL6Wz5/3MdldRR5yHhzh/KWgGDu8Ig7N8+ABsNwh7ovfBfg3AMXgNs1qg/Nxr1/ZTnR33fjO81AtUW8BNiXEOqG/32NQAAAABJRU5ErkJggg==", yAxis: 160, xAxis: '40' }, ] } }, { name: '主站电流值', type: 'line', stack: '总量', symbol: 'none', smooth:true, itemStyle: { normal: { lineStyle: { width: 2 }, } }, data: [120, 132, 101, 134, 90, 230, 210, 182, 191, 234, 290, 330], markPoint : { data : [ { name: '', symbolSize:28, symbol:"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADaklEQVRIiZ2WS2yMURTHf983Y1RHKcaz4tEQW++VKCuxkLASJKxYk1bs7YRgY6M7CYlEwkokFlTsPGNhQ+pZrxGm2hkto1fu+F85buaBm9zFfHPv+X3/c853zkkcLVcCrAU2AauBeUBel8rAO+A+cBO4i3NNTTYDpsAO4ADQAXwBKsAYUNWZLNAGtAPTgBHgLHAZ5yb+BbgQOC01H4CSAX6LgDkD7ATmSPVBnHv9N8D1wAnjro/AZ2BU6r4DP3Q2A0ySyqnADKBg3N6Lc3eaATcAp4AhbQ/8JFd5deNSF9yVSuVkqfSunylgl/YhnLtdD7gUuAC8B14Ab4AiMCx140ZduJYYlZOlcjowG1gALBZ8F849s0B/6aLcMAi8NOo87KuBTUTA1ECnCBpULgK6FZ6dOPcjq4vbdeCJQEXBhk3cQqLE2efMi0xE8Q0JtVwZfynVWx5QNlrQiGAhK10dGEZxVWfHdHdYtoqyvZ8kSTxwnYJd0h6pk5HWjRllYy5SGdR9191R2Sopyz1jnXdpj76xLzpUNglSNaB87duCbYqTV3MDOK4wYJSmslE2YG+/xwNXKeUrxoX2W3NKhnPACqPKK9yisrdbn5FTiILS4OJgf2Wq9LWgapQEfu2LYHbNAvqimAb3ViNwV6osqkYgZ1yJlDRbPXVi6gw82G9PWxgKq9Di/5xqacuVKrBZ7YyeJdphvWphaFSZGFZiikJq7Ff8j7cqvjlVCwsOHrjSAnjVJFlqqk9WNnNiDPk/HiiO7RE4Y972EnC9AewxcNKcxZS6nOmXfj/0wAH5v0PfV16FOKhNFPhe4CjwSO7zZfAMsFcuDcCsKeZ52ewQY8AXb3/ommL5FHhuCnc56hCNBoQk6hx5U8CXAMv0bGsqI/1qKQUd7NSbTYmU1svqNFIWOkanbBVku9+PHaFbXK71rF9vVIkqTaqPNtWzpEl7Cp1/liDztItiEIDe0GHgvLp0aEWhxZT/sgHnpczD5suWL/R7fC+0QNR4j2iewbiozYwY3xqMGLkmI0Yfzg3+DnadLNgIHFMmhiGqZDp/NWqy2ShuYYiaURPg3K0/sqtB2nVL6Wz5/3MdldRR5yHhzh/KWgGDu8Ig7N8+ABsNwh7ovfBfg3AMXgNs1qg/Nxr1/ZTnR33fjO81AtUW8BNiXEOqG/32NQAAAABJRU5ErkJggg==", yAxis: 160, xAxis: '40' }, ] } }, // { // type: 'scatter', // data:[null,null,null,150], // symbolSize:28, // symbol:"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADaklEQVRIiZ2WS2yMURTHf983Y1RHKcaz4tEQW++VKCuxkLASJKxYk1bs7YRgY6M7CYlEwkokFlTsPGNhQ+pZrxGm2hkto1fu+F85buaBm9zFfHPv+X3/c853zkkcLVcCrAU2AauBeUBel8rAO+A+cBO4i3NNTTYDpsAO4ADQAXwBKsAYUNWZLNAGtAPTgBHgLHAZ5yb+BbgQOC01H4CSAX6LgDkD7ATmSPVBnHv9N8D1wAnjro/AZ2BU6r4DP3Q2A0ySyqnADKBg3N6Lc3eaATcAp4AhbQ/8JFd5deNSF9yVSuVkqfSunylgl/YhnLtdD7gUuAC8B14Ab4AiMCx140ZduJYYlZOlcjowG1gALBZ8F849s0B/6aLcMAi8NOo87KuBTUTA1ECnCBpULgK6FZ6dOPcjq4vbdeCJQEXBhk3cQqLE2efMi0xE8Q0JtVwZfynVWx5QNlrQiGAhK10dGEZxVWfHdHdYtoqyvZ8kSTxwnYJd0h6pk5HWjRllYy5SGdR9191R2Sopyz1jnXdpj76xLzpUNglSNaB87duCbYqTV3MDOK4wYJSmslE2YG+/xwNXKeUrxoX2W3NKhnPACqPKK9yisrdbn5FTiILS4OJgf2Wq9LWgapQEfu2LYHbNAvqimAb3ViNwV6osqkYgZ1yJlDRbPXVi6gw82G9PWxgKq9Di/5xqacuVKrBZ7YyeJdphvWphaFSZGFZiikJq7Ff8j7cqvjlVCwsOHrjSAnjVJFlqqk9WNnNiDPk/HiiO7RE4Y972EnC9AewxcNKcxZS6nOmXfj/0wAH5v0PfV16FOKhNFPhe4CjwSO7zZfAMsFcuDcCsKeZ52ewQY8AXb3/ommL5FHhuCnc56hCNBoQk6hx5U8CXAMv0bGsqI/1qKQUd7NSbTYmU1svqNFIWOkanbBVku9+PHaFbXK71rF9vVIkqTaqPNtWzpEl7Cp1/liDztItiEIDe0GHgvLp0aEWhxZT/sgHnpczD5suWL/R7fC+0QNR4j2iewbiozYwY3xqMGLkmI0Yfzg3+DnadLNgIHFMmhiGqZDp/NWqy2ShuYYiaURPg3K0/sqtB2nVL6Wz5/3MdldRR5yHhzh/KWgGDu8Ig7N8+ABsNwh7ovfBfg3AMXgNs1qg/Nxr1/ZTnR33fjO81AtUW8BNiXEOqG/32NQAAAABJRU5ErkJggg==" // } ] };
