首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >C3叠加图维护数据顺序

C3叠加图维护数据顺序
EN

Stack Overflow用户
提问于 2016-12-01 12:48:15
回答 1查看 817关注 0票数 0

我正在遵循来自引用和这个答案的说明,但是没有成功。

我有一个堆叠的条形图,我希望堆栈中的数据按它在数据中的顺序显示,但它正在重新排序,我无法想出如何防止它。

这是一个小提琴

这是密码

代码语言:javascript
运行
复制
var chartOptions = {
  element: 'chart',
  data: {
    "rows":[["0-1","2-3","4-5","6","7"],[25,56,14,2,1],[6,66,27,0,0],[0,70,30,0,0],[27,54,14,5,0],[0,54,30,8,8],[29,64,7,0,0]],
    "type":"bar",
    "groups":[["0-1","2-3","4-5","6","7"]],
    "order":null
  },
  axis: {
    "x":{
      "type":"category",
      "categories":["Whole List","committed","community","congregation","core","crowd"]
    },
    "y":{
      "padding":{
        "top":0
      }
    }
  },
  stacked: true,
  size: {"height":300}
}

var chart = c3.generate(chartOptions);

我希望这个系列的顺序是0-1,2-3,4-5等。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-08 11:20:24

原来这是一个已知问题。如果任何一个标头都是整数(或者是整数的字符串),那么c3将对列进行排序。

为了解决这个问题,我在列名的末尾添加了一个空格,这样c3就可以将它们解释为字符串而不是数字。

例如

代码语言:javascript
运行
复制
chartOptions['data']['rows'][0] = ["0-1","2-3","4-5",
                                   "6 ", "7 "]; // Spaces appended to these
chartOptions['data']["groups"] = [["0-1","2-3","4-5","6 ", "7 "]];

我已经用解决方案更新了小提琴

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40911095

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档