如何强制 Highcharts 在 xAxis 上显示最后一个标签?

2024-03-18

似乎在步进 xaxis 中正常的“showLastLabel”不起作用 https://stackoverflow.com/questions/23518720/last-label-is-not-showing-in-stepped-labels-of-highchart。就我而言,我每十年才展示一次;但无论如何,如果我想查看最近一年的情况,这是行不通的。这是一个小提琴 http://jsfiddle.net/luftikus143/grg4b6xk/4/.

$(function () {
var chart = new Highcharts.Chart(
            {
                chart:
                {
                    renderTo: "container",
                    type: "line"
                },
                title: 
                {
                    text: "Emissions of CO2 - from Fossil Fuels - Total (CDIAC)"
                },
                xAxis: 
                {
                    categories: ['1961','1962','1963','1964','1965','1966','1967','1968','1969','1970','1971','1972','1973','1974','1975','1976','1977','1978','1979','1980','1981','1982','1983','1984','1985','1986','1987','1988','1989','1990','1991','1992','1993','1994','1995','1996','1997','1998','1999','2000','2001','2002','2003','2004','2005','2006','2007','2008','2009','2010'], 
                    labels:
                    {
                        step: 10
                    },
                    showLastLabel: true,
                    endOnTick: true
                },
                yAxis: 
                {
                    min: 0
                },
                series: 
                [   {
                            data: [836290,884698,947139,970623,961804,953139,937905,986489,1053841,1027857,1039329,1043832,1088357,1065419,1005220,1094115,1055965,1082764,1121897,1104068,1052479,1019684,1015786,1037513,1048350,1051961,1036999,1033773,1017926,1014450,930734,892705,878363,866267,864817,890342,862982,856064,823133,830657,854361,829449,834088,826572,807363,809521,784657,784000,732848,745994],
                            name: "Germany"
                        }]
            });

});

感谢您的任何提示!


http://jsfiddle.net/grg4b6xk/5/ http://jsfiddle.net/grg4b6xk/5/这是我能找到的最好方法:

   chart:
   {
        renderTo: "container",
        type: "line",
        events:{
             load:function(){
                 var ticks = $.map(this.axes[0].ticks, function(t){return t;});
                   ticks[ticks.length-2].render(0);
            }
         }
    }

Add load事件处理程序。在此事件处理程序中,获取轴 x (axes[0]是 x 和axes[1] is y). ticks是一个类似数组的对象,因此您需要将其映射到数组以通过索引访问它。该数组中的最后一项是位置为 -1 的某个刻度,因此真正的最后一个刻度位于它之前的位置(所以它是length - 2)。然后致电render函数传递一个除以 10 的数字。我使用了 0。所以刻度线会在最后一个位置重新渲染。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何强制 Highcharts 在 xAxis 上显示最后一个标签? 的相关文章

随机推荐