Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HighCharts中的x轴项目是否有最大数量_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript HighCharts中的x轴项目是否有最大数量

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) {

我正在使用HighCharts进行3级深入分析

当我在第二级使用超过50个项目时,项目文本不再显示在左侧。单击第一个项目(父项1),然后您将看到第二个级别以及未显示的内容

这是因为我使用了大量的JSON数据吗

下面是我用于图表的代码

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。