Question

我在使用Highcharts（highstock）中的列时遇到问题。

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

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

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小时），这个尺寸是完美的，就像我预期的那样

如何将线条设置得更宽？

Answer 1

通常，您可以设置更高的groupPixelInterval，以获得更宽的列。

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

Answer 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

Highcharts - 不同缩放时间的列太薄

2 个答案: