我想在高图中的null值中动态显示带有minPointLength的栏

问题描述 投票:0回答:1

我尝试了以下演示:我想显示像给定图像enter image description here所示的栏当值为null时,我想显示带有minPointLength的蓝色条。

2https://jsfiddle.net/8vzxf90p/ enter code here

javascript highcharts
1个回答
0
投票
  1. 使用minPointLength功能并使用0而不是null,因为图表将空值视为不存在该点。

  2. 使用此自定义函数迭代点,如果点为空,请对其进行更新。

演示:https://jsfiddle.net/BlackLabel/6Laf5n9u/

  chart: {
    type: "column",
    height: 205,
        events: {
            load() {
                let chart = this;

                chart.series[0].points.forEach(p => {
                    if (p.y === null) {
                        p.update({
                            y: 2,
                            dataLabels: {
                                enabled: false
                            }
                        })
                    }
                })
            }
        }
  },

API:https://api.highcharts.com/highcharts/chart.events.load

API:https://api.highcharts.com/class-reference/Highcharts.Point#update

© www.soinside.com 2019 - 2024. All rights reserved.