Question

https://jsfiddle.net/Kondaldurgam/7kLkh7ya/8/

我想只显示x和y轴的网格，但是我没有任何x和y轴数据可以显示没有数据

$(function() {
Highcharts.chart('container', {

    chart: {
        type: 'bubble',
        plotBorderWidth: 1,
        zoomType: 'xyz'
    },
    legend: {
        enabled: false
    },
    credits: {
        enabled: false
    },

    title: {
        text: 'Using X Y Z Coordinates'
    },

    xAxis: {
        type: "category",
        gridLineWidth: 1
    },
    yAxis: {
        startOnTick: false,
        endOnTick: true,

        title: {
            text: ''
        },
    },
 });
});

Answer 1

可能这会帮助你..在其中使用这个逻辑.. fiddler

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
          ignoreHiddenSeries : false
        },

        xAxis: {
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }, {
            data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]        
        }]
    });

    // the button action
  var series = chart.series[0];    
  series.hide();
  series = chart.series[1];    
  series.hide();
});

Answer 2

如果没有数据，则需要将axis.showEmpty设置为true并设置轴最小/最大值。您还需要至少一个系列 - 它可能没有数据。

    Highcharts.chart('container', {

    chart: {
        type: 'bubble',
        plotBorderWidth: 1,
        zoomType: 'xyz'
    },
    legend: {
        enabled: false
    },
    credits: {
        enabled: false
    },

    title: {
        text: 'Using X Y Z Coordinates'
    },

    xAxis: {
        type: "category",
        gridLineWidth: 1,
        showEmpty: true,
        min: 0,
        max: 10
    },
    yAxis: {
        startOnTick: false,
        endOnTick: true,
                    showEmpty: true,
        title: {
            text: ''
        },
        min: 0,
        max: 10
    },


    series: [{}]

});

示例：https://jsfiddle.net/7kLkh7ya/9/

我想在高位图中使用x轴和y轴的网格线，但我不想要x轴值和y轴值

2 个答案: