Highcharts - 在不同的缩放时间内列太薄答案

【问题标题】：Highcharts - columns too thin in differents zoom timeHighcharts - 在不同的缩放时间内列太薄
【发布时间】：2014-06-15 17:11:20
【问题描述】：

我在使用 Highcharts (highstock) 中的列时遇到问题。

我可以设置不同的范围来分组数据（分钟、小时、天...），Highcharts 尝试调整每个组的列大小，我可以根据列数设置每列的大小和列之间的距离在图表中。

这几乎适用于所有数量的数据...但不适用于 72 列（3 天以小时计），列看起来太薄（小于 1 像素）。

http://jsfiddle.net/3cbvV/2/

var chart;
$(document).ready(function () {
    chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container'
        },
        xAxis: {
            ordinal: false,
            maxZoom: 2 * 3600000
        },
        series: [{
            data: s,
            type: 'column',
            dataGrouping: {
                units: [
                    ['minute', [1, 5, 10, 30]],
                    ['hour', [1,2]],
                    ['day', [1]],
                    ['week', [1]],
                    ['month', [1]]
                ],
                groupPixelWidth: 10,
                approximation: 'high'
            }
        }]
    });
});

如果您将鼠标移到图表上，您可以看到列，如果您放大到 2 天，列看起来很好，但仍然太薄，如果您放大到最大（2 小时），则尺寸完美，正如我预期的那样.

如何将线条设置得更宽？

【问题讨论】：

标签： highcharts zooming thin

【解决方案1】：

嗯，一般来说，您可以将groupPixelInterval 设置得更高，以获得更宽的列。

关于缺少列的错误 - 它已在 master 分支上修复，请参阅：http://jsfiddle.net/3cbvV/3/

【讨论】：

【解决方案2】：

解决了！

当我使用太多时间间隔（秒）时会出现问题，然后我没有像我想的那样显示 72 列（24 小时的 3 天 = 72），因为我有带秒的列（比如 14:21 :57)，然后我显示 3 天 24 小时 60 分钟 60 秒 = 259200 列。

为了解决这个问题，我将每一列四舍五入到零秒和零分钟（14:21:57 -> 14:00:00），仅此而已:)

解决方案：http://jsfiddle.net/3cbvV/4/

Math.floor(1398384001000/6000000)*6000000

【讨论】：

没错，在这种情况下删除秒数会有所帮助。