BillboardJS 线路连接答案

【问题标题】：BillboardJS Line ConnectionBillboardJS 线路连接
【发布时间】：2020-10-15 12:12:17
【问题描述】：

我有一个关于 billboard.js 图表库的问题。我将它与 PHP 一起使用，使用 JSON 对来自 Postgres DB 的数据进行编码。没有问题。但是......线路连接/点合并有问题（对不起我的英语）。我需要像屏幕上那样连接线，我该怎么做？也许这是垂直/水平图表的问题？

<script>
var yArray = JSON.parse('<?php echo json_encode($yArray); ?>');
var pressureArray = JSON.parse('<?php echo json_encode($pressureArray); ?>');
var chart = bb.generate({
  data: {
    json: {
        data1: yArray,
        x1: pressureArray,
    },
    xs: {
      data1: "x1",
    },
    type: "line", // for ESM specify as: line()
  },
  line: {
    point: false,
  },
  axis: {
    y: {
        inverted: true
    },
  },
  bindto: "#multipleXYLineChart",
});
</script>

Chart's screen

【问题讨论】：

标签： javascript php charts billboard.js

【解决方案1】：

数据表示，应该基于从左到右的方向。这意味着，它不能画出已经在正确位置并返回到左侧位置的线。

旋转轴可以随心所欲地绘制，但在这种情况下，工具提示将无法正常运行。

axis: {
   rotated: true
}

有类似的问题可以参考：

https://github.com/naver/billboard.js/issues/1726

【讨论】：