带有空列的Highcharts列
Highcharts Columns with empty columns
本文关键字:Highcharts 更新时间:2023-09-26
我想显示一个柱状图,它将在没有数据的日子显示空列。我以前在amCharts中这样做过,但试图将所有内容切换到js图表。
下面是一个例子:https://skitch.com/jhanifen/gy324/jhanifen-skitch.com
基本上,如果我可以改变单个列的颜色,也可以工作。
Highcharts论坛提供的答案
http://hililide.com/forum/viewtopic.php?f=9& t = 12873
您可以将y值设置为100,并将次要值设置为实际值,然后可以在工具提示格式化程序中获取该值。参见这个例子:http://jsfiddle.net/jlbriggs/BLxUL/
根据您拥有的更多,您可以在plotOptions中设置栏的颜色,并在需要时调用数据数组中的'blank'颜色,或者反过来(如示例所示)
谢谢jlbriggs !
相关文章:
- 在Web应用程序中使用Highcharts javascript
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- HighCharts长标题文本在某些元素上重叠
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- Highcharts仪表未显示
- Highcharts-图表外的图例定位
- Highcharts动态烛台
- 在highcharts.js中向点弹出窗口动态添加文本
- Highcharts 3d调整zindex错误
- 如何在一页上显示多个Highcharts图表
- Highcharts可以从服务器加载数据,但不能更新
- 如何使用webview在React Native中使用Highcharts
- Highcharts热图上的多个轴
- Highcharts-显示noData覆盖和x轴标签
- HighCharts:3D柱形图在选择时更改边框颜色
- 如何使用队列呈现多个HighCharts以防止加载时间过长
- Highcharts动态更改标签
- 柱状图上的Highcharts工具提示
- Highcharts热图显示不正确