Question

我正在尝试使用区域堆叠高图，here's an example和jsFiddle demo to play with

不幸的是，图表本身会在x轴的开头和末尾产生难看的间隙。

这个问题再次被问到，看起来答案是“不要使用xAxis的类别，删除它们并替换为type: 'datetime'。不幸的是我从后端获取类别，我可以对此没有任何作用。任何其他设置如边距，填充，间距等似乎都不适用于类别。

有没有人知道如何解决这个问题？说实话，它看起来更像是一个严重的UI / UX错误，而不是应该发生的事情。谁需要一张从其他地方开始而不是在其边缘的图表？！：）

发布图片还需要7次声望，对不起网址：i.stack.imgur.com/lGxo6.png

简而言之：[b]尝试从jsFiddles示例中删除GAPS而不删除类别[/ b]。它甚至可能吗？

Answer 1

你是对的，这被问了很多，我应该为此准备自动回复。

然后回答是使用datetime轴或linear轴。你有从后端的类别？没问题，只需将它们存储在某个变量中，然后编辑标签的格式化程序：http://jsfiddle.net/h7Akd/1/

var categories = ['1750', '1800', '1850', '1900', '1950', '1999', '2050'];

...             
        xAxis: {
            tickmarkPlacement: 'on',
            title: {
                enabled: false
            },
            tiickInterval: 1, //force to display categories one by one
            labels: {
                formatter: function(){
                     return categories[this.value];   
                }
            }
        },

现在您可以使用或xAxis.min/max或'xAxis.minPadding / maxPadding`编辑最小值和最大值。

附加功能：

说实话，它看起来更像是一个严重的UI / UX错误，而不是应该发生的事情。谁需要一张从其他地方开始而不是在其边缘的图表？！：）

你会感到惊讶.. 例如，使用列，您将看到。相反，问题是为什么你不能更新后端以返回时间戳（至于日期应该是什么）？

数据显示前后的Highcharts边距？

1 个答案: