【问题标题】:Highcharts - How to hide the last category tick label on xAxis with scrollbarHighcharts - 如何使用滚动条隐藏 xAxis 上的最后一个类别刻度标签
【发布时间】:2020-03-18 16:55:23
【问题描述】:

我有一个以非四舍五入值结尾的图表系列数据(例如 5.5)。
xAxis 类型是 category,我希望最后一个刻度标签消失。
我必须使用 category 类型,因为我需要将 tickmarkPlacement 属性设置为“between”。 我试图将 endOnTick 设置为 false,但它似乎不适用于类别类型。

$(function () {

   var settings =  
        {
         "chart": {
           "type":"line"
        },
       "xAxis": { 
           "type": "category",
          "endOnTick":false
       },
       "series":[
           {"name":"series1","data":[[1,1200],[2,2200],[3,3200],[4,1800],[5,1500]]},
           {"name":"series2","data":[[1,1050],[2,2050],[3,1650],[4,1450],[5,1350]]},
           {"name":"series3","data":[[1,1250],[2,2250],[3,1850],[4,1650],[5.5,1550]]}]
       }

    var chart = $('#container').highcharts(settings);
});

图表是这样的:

我希望“6”类别标签消失。

链接到简化示例:http://plnkr.co/edit/EleA25vPiTQ3EwFa

EDIT - 我的图表有一个滚动条,所以如果我使用showLastLabel: false, 它隐藏当前显示的最后一个标签,即使滚动条不在末尾。

【问题讨论】:

    标签: highcharts axis-labels


    【解决方案1】:

    您可以将 showLastLabel 设置为 false 以隐藏它。

       "xAxis": { 
           "type": "category",
          "endOnTick":false,
          showLastLabel: false
       },
    

    演示:http://plnkr.co/edit/5WRJIeGFyiUzRiGF?preview

    API:https://api.highcharts.com/highcharts/xAxis.showLastLabel

    【讨论】:

    • 如果我有更多类别并且有一个滚动条,它会隐藏当前显示的最后一个标签,即使它通常不是最后一个类别。此示例无法显示它,但是当我使用 xrange 图表时它会发生。我无法提供我的应用程序示例,因为它太杂乱和具体。
    • 尝试隐藏特定标签并以这种方式标记:jsfiddle.net/BlackLabel/6o579c41 API:api.highcharts.com/highcharts/chart.events.render 其中 xAxis.ticks[i] = 并且 i 是类别名称或编号
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多