需求是横向多条基准线样式先贴图

下面代码注释非常清楚，可根据项目需求自行调整

series: [{//基准线markLine: {symbol: "none",   //是否显示首尾箭头data: [//第一条线{yAxis: 10,name: "先进值",lineStyle: {type: "solid",color: "#FA6400",width: 2,},label: {//将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束position: "middle",fontSize: 14,formatter: "先进值", },},//第二条线{yAxis: 20,   //映射y轴大小name: "行业平均值",lineStyle: {type: "solid",  //虚实color: "green",  //颜色width: 2,   //基线粗细},label: {//将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束position: "middle",fontSize: 14,  //文字大小formatter: "行业平均值", // 基线名称},},第三条线{yAxis: 50,name: "限定值",lineStyle: {type: "solid",color: "red",width: 2,},label: {//将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束position: "middle",fontSize: 14,formatter: "限定值", //行业\n平均\n水平 // 这儿设置安全基线},},],},itemStyle: {normal: {color: "#BABABA", //柱子颜色label: {show: true, //开启显示position: "top", //在上方显示textStyle: {//数值样式color: "#010101",fontSize: 16,},},},},},],

echarts问题整理之多条基准线设置相关推荐

echarts图表x，y轴的设置
xAxis属性代表echarts图表的x轴设置代码如下 xAxis : [{type : 'category', // type:坐标轴类型.// [ default: 'category' ]/*可 ...
echarts中自定义图片的矢量路径设置
echarts中自定义图片的矢量路径设置在echarts象形柱图中要使用自定义的图片有三种格式,如下图: 前面两种方式我们项目中也常用到,第三种是矢量路径,如何获取这个矢量路径呢,方法如下: 第一步 ...
echarts 表格与 div 之间空白的设置
一. options 图表选项,包含图表实例任何可配置选项: 公共选项 , 组件选项 , 数据选项 {Object} grid 二. grid 直角坐标系内绘图网格名称默认值描述 {number ...
echarts label加边框_关于echarts的lines中的label的设置 -问答-阿里云开发者社区-阿里云...
附上代码,为啥lines里的label设置了,但是无效呢???求大神解释,么么哒~ lines测试 var dom = document.getElementById("main" ...
Echarts(自己整理的一些散点图、饼图、条形图、散点图的基本配置参数)
1.引人echarts.js <script src="echarts.min.js"></script> 2. 为 ECharts 准备一个具备大小(宽高 ...
echarts热力背景图_Echarts 图表中设置背景图片
在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表中设置背景图片. image 在Echarts的实例中,找到一个实 ...
(精心整理）WindowsXP终极优化设置
◆一.系统优化设置 ◆1.系统常规优化 1)关闭系统属性中的特效,这可是简单有效的提速良方.点击开始→控制面板→系统→高级→性能→设置→在视觉效果中,设置为调整为最佳性能→确定即可. 2)" ...
Echarts饼状图视觉引导线设置
如何设置饼状图引导线位置我们在使用Echarts绘制饼状图时,经常需要确定引导线位置,官网给出的示例并未明确哪些属性决定了引导方式及位置,例如: 如下外部引导线方式: 有内部引导线方式如何设置这两 ...
echarts 统计图周月切换_如何设置ECharts星期轴的样式
calendar.dayLabel | Object 设置 ECharts 日历坐标系中星期标签的样式. calendar.dayLabel.show | boolean [ default: tru ...

echarts问题整理之多条基准线设置

echarts问题整理之多条基准线设置

需求是横向多条基准线样式先贴图

下面代码注释非常清楚，可根据项目需求自行调整

echarts问题整理之多条基准线设置相关推荐

最新文章

热门文章