Question

Highcharts折线图，如何在绘图区域进行渲染。

尝试使用HighCharts库呈现折线图以跨越整个绘图区域。使用xAxis.min可以确保在xAxis上从0开始，但是无法弄清楚如何使其在图表绘制区域结束的地方结束。

class CustomView: UIView {

    override init(frame: CGRect) {
        super.init(frame: UIScreen.main.bounds)
        backgroundColor = .red
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}

https://jsfiddle.net/fzg0evns/

Answer 1

您可以添加日期以指向x属性并定义x轴type = "datetime"，而不是将日期用作x轴类别。查看下面发布的演示。

代码：

"xAxis": {
  "type": "datetime",
  ...
},
"series": [{
    ...
  "data": [{
      "y": 396,
      "x": new Date('2019-06-10').getTime(),
      "toolTipData": "<div>Times on Air : 396</div><br/>"
    },
    {
      "y": 468,
      "x": new Date('2019-06-17').getTime(),
      "toolTipData": "<div>Times on Air : 468</div><br/>"
    }
  ]
}]

演示：

https://jsfiddle.net/BlackLabel/jqfyghr2/

API参考：

绘制整个绘图区域的折线图

1 个答案: