0
点赞
收藏
分享

微信扫一扫

HighCharts 极地图图表绘制及添加标示线+柱状图找最值

需求: 绘制极地图并给极地图图表加上标示线,在柱状图中找出最值

分析:图表加上标示线在需要的轴上面用plotLines(标示线)属性来进行添加,极地图则是在chart(图表)属性里开启polar(极)属性然后进行绘制,找出最值需要在plotOptions属性里进行修改

解决:

源代码:

HighCharts 极地图图表绘制及添加标示线+柱状图找最值_坐标轴

HighCharts 极地图图表绘制及添加标示线+柱状图找最值_坐标轴_02

示例:

HighCharts 极地图图表绘制及添加标示线+柱状图找最值_默认值_03

HighCharts 极地图图表绘制及添加标示线+柱状图找最值_坐标轴_04

标示线总是垂直于它属于的轴。它可单独定义在x轴或y轴,也可以同时定义在x轴和y轴,而极地图里圆圈标示线属于y轴。

极地图图表绘制及添加标示线+柱状图找最值以上表为例进行总结:

极地图

1)在图表(chart)里开启polar(极)属性’

2)在y轴yAxis里输入plotLines

3) 接着输入想要的属性进行生成即可

柱形图找最值

1)首先要在plotOptions里配置柱状图的数据标签(dataLabels)将它开启

2)接着用格式化的方法formatter进行生成

标示线常见的属性有以下几种:

属性名

描述

默认值


color



标示线的颜色



null



dashStyle



标示线的线条样式,默认是solid,即直线型,更多下面详细说明



'solid'



events



标示线的事件,详细事件下文详解



null



id



定义标示线,在Axis.removePlotLine中定义去除那条标示线



null



value



在坐标轴上显示的位置



null



label



标示线的文字标签,用来描述标示线



null



width



标示线的宽度



null



zIndex



层叠,标示线在图表中显示的层叠级别,值越大,显示越向前,默认标示线显示在数据线之后



null


具体使用方法在源代码截图处有给出

举报

相关推荐

0 条评论