C3js中的条形图排序

【问题标题】：Sorting Bar chart in C3jsC3js中的条形图排序
【发布时间】：2016-06-01 09:30:57
【问题描述】：

我期待在简单的条形图上对条形进行排序，如果可能的话，我提到了下面的内容。

var chart = c3.generate({ data: { columns: [['data1', 30, 200, 100, 400, 150, 250],], type: 'bar', order: 'desc' }, })

【问题讨论】：

标签： d3.js nvd3.js c3.js

【解决方案1】：

根据documentation，data.order 属性仅限于饼图或圆环图。您必须在创建图表之前对数据进行排序以获得有序条形图。

var data1 = [130, 100, 140, 200, 150, 50].sort(function(a,b) { return a-b; })
var chart = c3.generate({
  data: {
    columns: [
        ["data1"].concat(data1)  // old-school
//      ["data1", ...data1]      // ES6 flavor

    ]
  }
})

【讨论】：

你说得对，他们没有任何排序选项，c3js.org/reference.html#data-xSort。我无法理解将排序选项限制为仅饼图或圆环图的原因。所以我必须在传递数据之前对数据进行排序以创建图表。