【问题标题】:Some xAxis labels are not showing in Highchart : Area Chart某些 xAxis 标签未在 Highchart 中显示:面积图
【发布时间】:2016-09-22 18:06:02
【问题描述】:

我正在尝试在高图中的图表上显示 6 个点。现在这些点很容易在图表上绘制,但缺少一些相应的 x 轴标签。

我想在不增加图表宽度的情况下显示所有 x 轴标签。

$('#container').highcharts({
    chart: {
        type: 'area',
        height: 200,
        width: 300
    },
    title: {
        text: ''
    },
    subtitle: {
        text: ''
    },
    credits: {
        enabled: false
    },
    xAxis: {
        allowDecimals: false,
        gridLineWidth: 0
    },
    yAxis: {
        labels: {
            enabled: false
        },
        gridLineWidth: 0,
        visible: false
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        area: {
            marker: {
                enabled: true,
                symbol: 'circle',
                radius: 5,
                states: {
                    hover: {
                        enabled: true
                    }
                }
            },
            dataLabels: {
                enabled: false
            }
        }
    },
    tooltip: {

    },
    series: [{
        name: '',
        data: [1, 2, 3, 4, 5, 6]
    }]
});

这里是jsfiddle link

感谢您的帮助! :)

【问题讨论】:

  • jsfiddle.net/my2wt3ea/6 使用的tickInterval
  • @RahulSharma 非常感谢 Rahul...请在下面添加您的答案,以便我标记为答案。

标签: highcharts


【解决方案1】:

在 xAxis 中使用 tickInterval 属性。设置tickInterval如下

xAxis: {
   tickInterval: 1
}

此答案由以上评论部分的@Rahul Sharma 给出

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-29
    • 1970-01-01
    • 2020-06-23
    相关资源
    最近更新 更多