【问题标题】:Highcharts - Display Stack LabelHighcharts - 显示堆栈标签
【发布时间】:2013-03-06 09:03:07
【问题描述】:

我想创建一个这样的图表

http://msdn.microsoft.com/en-us/library/Aa964128.moressrschartsfig01c(l=en-US,v=sql.90).gif

但图表在 Microsoft Reporting 中,我想要在 DotnetHighcharts 中。

当我在 Highcharts Demo 中搜索时,我发现了一张类似的图表,但没有组标签(男、女)。

http://www.highcharts.com/demo/column-stacked-and-grouped

【问题讨论】:

  • 这是我可以探索的jsfiddle.net/pMA2H/155,但需要创建另一个空系列并将值 false 分配给 showInLegend。我很难做到这一点,因为图表是 c# 中的程序,没有 ShowInlegend 属性,而且所有系列和类别都是动态的。

标签: highcharts


【解决方案1】:

关于highcharts分组类别的例子很多

Example1

Example2

Example3

定义类别

xAxis: [{
    categories: ['Australia', 'Germany', 'Australia', 'Germany'],

将类别分配给组

data: [['Group1', 20],['Group1',30],['Group2', 35],['Group2', 25]]
},

【讨论】:

  • 天哪.. 我今天才发现这个。这正是我想要的。我使用您的关键字“highcharts grouped categories”找到了这个。所有这一切,而我使用不同的术语进行搜索。 github.com/blacklabel/grouped_categories
  • 在我发现之前,你的Example1和Example2已经足够好了。
【解决方案2】:

参考此链接:

highcharts column labels

请参阅下面小提琴中的类别部分,它们展示了您需要的非常好的示例:

Demo

使用这个

xAxis: {
    categories: ["Location A","Location B","Location C"],
    title: {
        text: "Location"

    }
},

或者这个

xAxis: [{
categories: [{
name: 'fruits'
children: ['orange', 'mango']
},{
name: 'birds'
children: ['eagle', 'parrot']
}]
}]

希望这对你有帮助。

【讨论】:

    【解决方案3】:

    Black Label 推出了用于分组类别的 Highcharts 插件。

    请看这里https://github.com/blacklabel/grouped_categories/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-07-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-09
      • 1970-01-01
      相关资源
      最近更新 更多