Javascript HighCharts中的x轴项目是否有最大数量
我正在使用HighCharts进行3级深入分析 当我在第二级使用超过50个项目时,项目文本不再显示在左侧。单击第一个项目(父项1),然后您将看到第二个级别以及未显示的内容 这是因为我使用了大量的JSON数据吗 下面是我用于图表的代码Javascript HighCharts中的x轴项目是否有最大数量,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在使用HighCharts进行3级深入分析 当我在第二级使用超过50个项目时,项目文本不再显示在左侧。单击第一个项目(父项1),然后您将看到第二个级别以及未显示的内容 这是因为我使用了大量的JSON数据吗 下面是我用于图表的代码 let options = { chart: { type: 'bar', events: { drilldown: function (e) { if (e.seriesOptions) {
let options = {
chart: {
type: 'bar',
events: {
drilldown: function (e) {
if (e.seriesOptions) {
e.seriesOptions.hiddenValue = e.point.options.hiddenValue;
}
}
}
},
title: {
text: 'Overall Status'
},
xAxis: {
type: 'category',
labels: {
style: {
fontSize: '15px'
}
}
},
yAxis: {
title:{
text: "Percentage Complete"
},
labels: {
style: {
fontSize: '15px'
}
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
style: {
fontSize: '20px'
}
},
cursor: 'pointer',
point: {
events: {
click: function () {
let seriesOptions = this.series && this.series.options;
let hiddenValue = seriesOptions && seriesOptions.hiddenValue;
if(this.options && this.options.url) {
location.href = this.options.url + '?id=' + hiddenValue;
}
}
}
}
}
},
series: [{
name: 'Status',
colorByPoint: true
}],
drilldown: {
}
};
我这里有一把小提琴,上面有JSON数据。
您可以看到,第一次向下搜索不是从0值开始的,而是从10开始的-就像它将计入顶级系列的所有值一样。这是一个已经在github上报告的错误: 将
croptreshhold
设置为大于所有点数的数值在您的情况下似乎有效-必须为所有系列设置该数值,例如在plotOptions.series
plotOptions: {
series: {
cropThreshold: 2000,
borderWidth: 0,
示例:您可以看到,第一次向下钻取不是从0值开始,而是从10开始-就像它将计入顶级系列的所有值一样。这是一个已经在github上报告的错误: 将
croptreshhold
设置为大于所有点数的数值在您的情况下似乎有效-必须为所有系列设置该数值,例如在plotOptions.series
plotOptions: {
series: {
cropThreshold: 2000,
borderWidth: 0,
示例:是的,这是由于空间的大小。IIRC,所有的条都会显示,但标签不会。是的,这是由于空间的大小。IIRC,所有的条都会显示,但标签不会显示。谢谢你,我已经尝试了更改,是的,名称现在会显示,但仍然不会显示超过50个项目?按项目,你是指标签还是列?如果标签发生冲突,其中一些标签将被隐藏-为了克服此设置标签。步骤=1-如果您指的是数据标签,则需要将allowOverlap设置为true。谢谢,我已经尝试了更改,是的,名称现在显示了,但仍然没有显示超过50个项目?按项目,您是指标签或列?如果标签发生冲突,其中一些标签将被隐藏-为了克服此设置标签。步骤=1-如果您指的是数据标签,则需要将allowOverlap设置为true。