时间戳

首页 > 解决方案 > 当我使用 c3.js 在图表中的 X 轴上放置日期标签时，出现错误错误：属性变换：预期数字，“翻译（NaN，0）”

javascript - 当我使用 c3.js 在图表中的 X 轴上放置日期标签时，出现错误错误：属性变换：预期数字，“翻译（NaN，0）”

问题描述

我正在使用c3.js创建一个图表。

我想将日期放在X-axis标签上，但出现以下错误：

Error: <g> attribute transform: Expected number, "translate(NaN, 0)"

具体执行如下实现。（如果实现为时间序列，则会出现无法转换为 . 的错误Date Object。）

var chart = c3.generate({
  bindto: '#chart',
  data: {
    x: 'x',
    columns: [
      ['x',"2021/01/01", "2021/01/02","2021/01/03","2021/01/04","2021/01/05"],
      ['sample', 30, 200, 100, 400, 150],
      ['sample2', 50, null, 20, null, 180]
    ]
  },
  axis: {
    x: {tick: {values: ["2021/01/01", "2021/01/02","2021/01/03","2021/01/04","2021/01/05"]}},
    y: {label: {position: 'inner-middle'}},
    y2: {show: true, label: {position: 'inner-middle'}}
  },
  line: {
    connectNull: true
  },
  zoom: {
    enabled: true
  }
});

问题出在哪里？

标签： javascriptchartsc3.js

解决方案

推荐阅读