代码之家 › 专栏 › 技术社区 › Qumber Ali

海图:勾号点和X轴点彼此远离

highcharts ruby ruby-on-rails

-1

Qumber Ali · 技术社区 · 6 年前

一个问题是,第一条线的点是7月15日,但7月15日在X轴上没有显示,它显示了当你悬停在它上面时,第一条线的点是7月8日。第二个问题是两个点(条和线)都有距离,它应该彼此相对对齐。

$('container').highcharts({

图表:{
renderto:'容器'
}
xAx:[{
类型:“日期时间”
},{
类型:“日期时间”

}
系列:[字段名称:“已订购的收入”,类型:“spline”,名称:“已分组的已订购收入”,ConnectNulls:true,数据:[[1531681200000,566.76],
[1531767600000,604.26],
[1531854000000,742.78],
[1531940400000,545.55],
[1532026800000,252.16],
[153211320000,468.67],
[1532199600000426.68],字段名称:“订购收入”,类型:“列”,名称:“分组订购收入优先权”,ConnectNulls:true,Xaxis:1,数据:【1531681200000,510.61】,
[1531767600000,346.74],
[1531854000000,327.57],
[1531940400000,269.34],
[1532026800000,372.34],
[153211320000,231.38],
[1532199600000442.09]]]

(});
< /代码> <7月8日是UMN。
第二个问题是两个点(条和线)都有距离,它应该是相对的。



$('#container').highcharts({

    chart: {
        renderTo: 'container'
    },
    xAxis: [{
        type: 'datetime'
    }, {
        type: 'datetime'

    }],
    series: [{field_name: "ordered_revenue",   type: "spline",   name: "Grouped ordered_revenue",   connectNulls: true,   data:     [[1531681200000, 566.76],
[1531767600000, 604.26],
[1531854000000, 742.78],
[1531940400000, 545.55],
[1532026800000, 252.16],
[1532113200000, 468.67],
[1532199600000, 426.68]]},  {field_name: "ordered_revenue",   type: "column",   name: "Grouped ordered_revenue Prior Priod",   connectNulls: true,   xAxis: 1,   data:     [[1531681200000, 510.61],
[1531767600000, 346.74],
[1531854000000, 327.57],
[1531940400000, 269.34],
[1532026800000, 372.34],
[1532113200000, 231.38],
[1532199600000, 442.09]]}]

});

1 回复 | 直到 6 年前

ppotaczek 6 年前

列序列导致另一种呈现Xaxis的方法。你需要设置 点布局 在列序列上在 .

series: [{
    field_name: "ordered_revenue",
    type: "spline",
    name: "Grouped ordered_revenue",
    connectNulls: true,
    data: [
        [1531681200000, 566.76],
        [1531767600000, 604.26],
        [1531854000000, 742.78],
        [1531940400000, 545.55],
        [1532026800000, 252.16],
        [1532113200000, 468.67],
        [1532199600000, 426.68]
    ]
}, {
    field_name: "ordered_revenue",
    type: "column",
    pointPlacement: 'on',
    name: "Grouped ordered_revenue Prior Priod",
    connectNulls: true,
    xAxis: 1,
    data: [
        [1531681200000, 510.61],
        [1531767600000, 346.74],
        [1531854000000, 327.57],
        [1531940400000, 269.34],
        [1532026800000, 372.34],
        [1532113200000, 231.38],
        [1532199600000, 442.09]
    ]
}]