为带有JSON数据的类别x轴设置C3子图范围吗?

时间:2018-12-09 18:12:46

标签: javascript d3.js charts metrics c3.js

我正在使用C3创建条形图。我正在使用带有类别轴的JSON格式的数据。

我有一个子图,我正在使用它来实现滚动,我想用axis.x.extent设置默认范围。

不管我在扩展区数组中放什么,C3都会忽略它并显示整个内容。

代码如下:

  var chart = c3.generate({
    bindto: this.$element[0],
    data: {
      json: [{name: 'name-01', count: 3}, {name: 'name-02', count: 9}, {name: 'name-03', count: 7}],
      keys: { value: ['count'], x: 'name' },
      type: 'bar',
    }
    axis: {
      x: {
        type: 'category',
        extent: ['name-01', 'name-02']
      }
    }
  },
  subchart: {
    show: true
  }
});

因为x值是类别名称,看来我不能只使用索引。根据其他stackoverflow帖子。

根据其他stackoverflow帖子,似乎我应该直接输入类别名称。但这也不起作用。 C3仍然忽略它。

我也尝试过使用minmax来代替extent,这是可行的,但是它也为子图设置了它,从而使其无效。

几乎没有文档。

有人有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用chart.zoom

实现此目的
chart.zoom([0,1]);

您可以使用“取消缩放”将其重置吗?

chart.unzoom();