Highcharts添加没有数据的标签/列

我在Highcharts绘制点时遇到问题，这些点没有附加任何数据。该图表是带有向下展开的柱状图，在顶层显示每周的平均“时间”，向下展开显示所选周内每个案例的实际值

我的问题是：当我深入到某个星期时，如果不存在的案例存在于两个现有案例ID之间，那么它们仍然会显示在图表上

以第6周通过的数据为例：[[272,25.07][297500.54]，只有两个案例存在：272和297。然而，Highcharts告诉我：

这是图表本身的代码：

                Highcharts.chart('DrilldownChart', {
                chart: {
                    type: 'column'
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    type: "",
                    labels: {
                        rotation: 90
                    },
                },
                yAxis: {
                    title: {
                        text: ''
                    }

                },
                exporting: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    column: {
                        minPointLength: 0
                    },
                    series: {
                        borderWidth: 0,
                        dataLabels: {
                            enabled: false,
                            format: '{point.y:.1f}',
                            rotation: 270
                        }
                    }
                },
                tooltip: {
                    pointFormat: '<span style="color:{#000}"></span>{point.y:.2f}<br/>'
                },

                series: MainDataArray,
                drilldown: {
                    series: DrilldownDataArray,
                }

            });

Highcharts.chart（'DrilldownChart'{
图表：{
类型：“列”
},
标题：{
文本：“”
},
副标题:{
文本：“”
},
xAxis：{
类型：“，
标签：{
轮换：90
},
},
亚克斯：{
标题：{
文本：“”
}
},
出口：{
已启用：false
},
学分：{
已启用：false
},
图例：{
已启用：false
},
打印选项：{
专栏：{
minPointLength:0
},
系列：{
边框宽度：0，
数据标签：{
启用：false，
格式：“{point.y:.1f}”，
轮换：270
}
}
},
工具提示：{
pointFormat:“{point.y:.2f}
”
},
系列：MainDataArray，
向下展开：{
系列：DrilldownDataArray，
}
});

有人知道如何阻止它在具有实际数据的点之间绘制标签/列吗

---

谢谢

您只需将数组中的

x

值转换为

String

类型，然后它们将被视为类别名称而不是类别索引。要转换它，您可以像下面这样使用

Array.map（）

函数：

var drilldownSeries = [{
    id: 'One',
    data: [[272, 25.07], [297, 500.54]].map(elem => {
        return [elem[0].toString(), elem[1]]
    })
  }]

但是，在此之前，请确保您的

xAxis.type

设置为

'category'

，因为我注意到在您的代码中有一个空字符串分配给

type

字段

下面的示例显示了如何实现所述效果：

---

您能举个例子（例如：jsfiddle）吗？这样会更容易帮助您：）谢谢，这很有效！然而，在我将caseid更改为字符串之后，有一个问题：类别只是与我获得数据的实际周数相对应的caseid（数据数组有17个条目/周）。但是，这只发生在第12周，所以我想这可能是因为本周的数据比其他周多得多？第12周有97个条目，看起来像这样：其他几周最多有50个条目就可以了。那么，你能给我提供一些最简单的工作示例吗？当然，我打印了数组，并将它们添加到了这里：我谈论的问题发生在第12周，对于索引17及以后的标签，图表开始使用数组索引而不是案例ID。第二大阵列，第14周，不会引起此类问题。感谢您提供的演示。对于包含许多类别和深入模块的图表来说，这是一个最常见的问题。您需要将

plotOptions.series.cropThreshold

设置为大于向下展开系列中的点的数字。以下是GitHub上报告的问题的链接：，以及修复的示例：