Question

您真的可以帮助解决以下问题：我们是否可以使用选项/控件来处理范围选择器条目。喜欢， 48小时我们需要在每小时间隔显示数据，7天我们需要在每小时间隔显示dta，1个月我们需要以天为间隔显示数据，3个月我们需要以天为间隔显示数据， 6个月 - 每天，1年 - 然后间隔必须是星期，全周 -

这是我的代码，

jQuery.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=large-dataset.json&callback=?', function (data) {
        console.log(data);
        // Create the chart
        jQuery('#highchart').highcharts('StockChart', {
            chart: {
                alignTicks: false
            },
            xAxis: {
                type: 'datetime'
            },
            exporting: { enabled: false },

            rangeSelector: {

                buttons: [{
                        type: 'day',
                        count: 2,
                        text: '48h'
                    }, {
                        type: 'day',
                        count: 7,
                        text: '7d'
                    }, {
                        type: 'month',
                        count: 1,
                        text: '1m'
                    }, {
                        type: 'month',
                        count: 3,
                        text: '3m'
                    }, {
                        type: 'month',
                        count: 6,
                        text: '6m'
                    }, {
                        type: 'year',
                        count: 1,
                        text: '1y'
                    }, {
                        type: 'all',
                        text: 'All'
                    }],
                selected: 3
            },

            title: {
                text: ''
            },

            series: [{
                    type: 'column',
                    name: 'Number',
                    data: data,
                    pointStart: Date.UTC(2004, 3, 1),
                    pointInterval: 3600 * 1000,

                    dataGrouping: {
                        enabled: true,
                        units: [ [
                                'hour',
                                [1]
                            ], [
                                'day',
                                [1]
                            ], [
                                'week',
                                [1]
                            ],[
                                'year',
                                null
                            ]]

                    }
                }]

        },

目前我的输出正确率为1个月和1年，

1个月我得到间隔为小时而不是白天，对于低分辨率显示器为1年，我得到它作为星期和更大的分辨率监视器当天。

我需要的是，

48h的x轴=每小时作为一个点

7d的x轴=每小时

1m的x轴=每天

3m的x轴=每天

6m'a x轴=每天

1y的x轴=每周

所有的x轴=每周

请帮我解决这个问题。

Answer 1

要准备自定义刻度位置，您应该使用tickPositioner。

保持x轴间隔固定高位

1 个答案: