highchart图表 | 加基准线

加上如下代码即可：

plotLines:[{//基准线color:'#FF4040',dashStyle:'Dash',width:1.5,//基准线宽度value:5,//基准线的参考值zIndex:5}]

该代码加在xAxis里或者yAxis，xAxis则该基准线与y轴平行，yAxis则与x轴平行

完整代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <script src="jquery-1.10.2.min.js"></script>
<script src="highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script>  // Create the chart
$(function () {$('#container').highcharts({chart: {  type: 'column', },  title: {  text: 'colum'  }, xAxis: {  type: 'category',},  yAxis:{plotLines:[{//基准线color:'#FF4040',dashStyle:'Dash',width:1.5,value:5,zIndex:5}]},legend: {  enabled: false  },  plotOptions: {  series: {  borderWidth: 0,  dataLabels: {  enabled: true  },  events:{  click:function(e){//点击事件  }  }    }  },  series: [{  name: 'Things',  colorByPoint: true,  data: [{  name: 'Animals',  y: 5}, {  name: 'Fruits',  y: 2 }, {  name: 'Cars',  y: 4  }]  }], })
})  </script>

测试结果：

或者还有另一种基准线方式

加上如下代码即可，添加位置与上面一样：

plotBands: [{ //彩色带横跨绘图区，标志着轴间隔。color: '#ccc',from: 0,to: 4}],

highchart图表 | 加基准线相关推荐

highchart图表设置加载页面
当我们采用异步请求加载数据较大加载速度较慢时,我们可以给highchart图表设置loading页面. var chart_1= Highcharts.chart('container1', {cha ...
如何使 highchart图表标题文字可选择复制
highchart图表的一个常见问题是不能复制文字比如官网的某个图表例子,文字不能选择,也无法复制,有时产品会抓狂... 本文给出一个简单的方案,包括一些解决的思路,希望能帮助到有需要的人初期想了 ...
在Vue中使用highchart图表（饼图）
先来介绍一下highchart 图表吧,它其实和charts很相似,但又比charts多了许多功能,最近做的项目我发现好多图都是charts图表实现不了的,就认真研究了一下highchart,前天搞了 ...
echarts vue图表加载动态数据 vue 数据加载完了,数据没有显示问题
记录一下遇到的问题: 使用echarts +vue 的时候.遇到后台请求的数据没有别获取拿到. 原因是图表先已经被加载了,vue里 data 默认初始化的数据是[]的,这个时候,后台请求方法还没有将 ...
Echarts - 延长图表加载动画时间
前言每当页面加载完毕后,图表会有一个动画效果,利用两个配置项即可延长加载动画. 实现方法在 series 配置项里加入以下代码: // 时间越长动画越慢 animationDuration: 28 ...
OIS利率查询_图表加数据OIS隔夜基准利率掉期
OIS利率:隔夜基准利率掉期(overnight-index-swap),浮动方绑定联邦基准利率,固定方对赌基准利率走势. 给大家推荐一个好用的OIS利率查询的好地方,有图表显示更加直观. 网址:ht ...
Libor利率查询_图表加数据Libor伦敦银行同业拆借利率
什么是 LIBOR? LIBOR 是一种利率基准,许多银行会根据 LIBOR 计算金融商品所要支付的利息,譬如衍生性金融商品.期货.公司债券和抵押贷款. 由英国金融行为监管局 (FinancialCo ...
DR007利率报价查询_图表加数据DR007存款类机构质押式回购利率
什么是DR007? DR007,是存款类机构间利率债质押的7天回购利率.所谓"存款类机构",主要指的就是银行机构. 另外,DR007的质押标的只局限于包括国债.央行票据和政策性金融 ...
SOFR利率报价查询_图表加数据SOFR隔夜担保融资利率
有抵押的隔夜融资利率(SOFR)是衡量借入美国国库券抵押的隔夜现金成本的广泛度量.SOFR包括广义普通抵押利率中的所有交易,以及通过固定收益清算公司(FICC)提供的交割兑付(DVP)服务清算的双边国 ...
highchart图表
动态曲线主要实现步骤: 1:借助 load事件 2:拿到曲线存放坐标的数组 3:每个1秒钟向坐标数组添加点 addPoint([x,y],true,ture) 固定y坐标范围: Min:最小y坐 ...

highchart图表 | 加基准线

highchart图表 | 加基准线相关推荐

最新文章

热门文章