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


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

举报

相关推荐

Labview绘制柱状图

0 条评论