高图中的X轴间隔

阿兹法尔·卡希夫(Azfar Kashif)

我的图表高

我在我的网站上显示了此图表图表。如何设置X轴的间隔?例如,我希望显示拳头值,然后跳过第二个并显示第三个。能做到吗?或者,您是否始终只是要以阵列形式显示要传递给轴的所有数据?

我的代码:(时间戳是一个包含我的时间的JS数组。我可以以时间格式获取该时间。act和temps是用于沿y轴绘制数据的数组)

$(function () {
    $('#tempactgraph').highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: 'Temperature & Activity Monitoring '
        },
        subtitle: {
            text: 'Source: Cowlar Sensors'
        },
        xAxis: [{
            categories: timestamp,
            crosshair: true
        }],
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}°C',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            title: {
                text: 'Temperature',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            }
        }, { // Secondary yAxis
            title: {
                text: 'Activity',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            labels: {
                format: '{value} xx',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            opposite: true
        }],
        tooltip: {
            shared: true
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            x: 120,
            verticalAlign: 'top',
            y: 100,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
        },
        series: [{
            name: 'Activities',
            type: 'spline',
        connectNulls: 1,
            yAxis: 1,
            data: act,
            tooltip: {
                valueSuffix: ' xx'
            }

        }, {
            name: 'Temperature',
            type: 'spline',
        connectNulls: 1,
            data: temps,
            tooltip: {
                valueSuffix: '°C'
            }
        }]
    });
});
西蒙·韦斯特

您需要tickInterval:2像这样在x轴偏移中添加a

xAxis: [{
            categories: timestamp,
            crosshair: true,
            tickInterval: 2
        }],

Highcharts API参考

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改x轴标签与高图中的轴的距离

来自分类Dev

如何在散点图中以均匀间隔更改x轴值?

来自分类Dev

如何在x和y轴的高图中更新数据?

来自分类Dev

雷达图高图中的 x 轴标签自动换行

来自分类Dev

高图中类别轴的负值

来自分类Dev

高图中的异步更新轴

来自分类Dev

高图中类别轴的负值

来自分类Dev

如何在高图中以X轴显示日期,以y轴显示其他列

来自分类Dev

X轴标签在高图中的柱状图中与工具提示重叠

来自分类Dev

如何在生存图中设置自定义x轴间隔?

来自分类Dev

在高图中,是否可以获取x轴标签的确切位置以进行重叠检测?

来自分类Dev

在高图中移动x轴(刻度线,标签和线)

来自分类Dev

在高图中将x和y轴从左向右移动

来自分类Dev

高图:向图中添加线可从X轴删除标签

来自分类Dev

使用反应在高图中获取 x 轴的最大值

来自分类Dev

高图中xy轴上的比例相同

来自分类Dev

高图中y轴值之间的间距

来自分类Dev

如何整理图中的x轴

来自分类Dev

延长X轴间隔ggplot2

来自分类Dev

高图-使用'errorbar'类型覆盖轴间隔

来自分类Dev

如何在Y轴高图上设置点的间隔

来自分类Dev

在matplotlib热图中重新标记x轴

来自分类Dev

在matplotlib图中显示原点轴(x,y)

来自分类Dev

使用ggplot在ecdf图中反转x轴

来自分类Dev

Matlab堆栈图中的对数x轴

来自分类Dev

如何获取qqnorm图中x轴的值

来自分类Dev

从混合模型图中替换x轴

来自分类Dev

Seaborn图中x轴标签的间距

来自分类Dev

Twinx图中的Python X轴更改