jquery - Highcharts 中不同地区的人口金字塔

标签 jquery highcharts

使用 Highcharts,我想创建一个与此类似的人口金字塔:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-negative-stack/

但这会比较不同的地区。因此,我不会为每个年龄段和性别设置一个条形图,而是设置 3 个条形图,每个条形图代表不同的地区。

到目前为止我所拥有的就是这些,但我不确定我是否朝着正确的方向前进。

http://jsfiddle.net/YCxgr/

正如您所看到的,给定年龄类别和区域的条形图彼此不对齐:我想要的是使一个区域的条形图针对两种性别正确对齐,以便它们显示为 3 个条形图(一个对于每个区域)而不是 6。我怎样才能实现这个目标?

最佳答案

给你一个 jsFiddle 现在回答你的问题

   series: [{
    name: 'Region 1',
    zIndex: 1000,
    data: [[0, -3 ],[0,3],[1, -5] ,[1,5],[2, -4],[2,4],[3, -3],[3,3]]
},{
    name: 'Region 2',
    data: [[0, -4] ,[0,4],[1, -2],[1,2],[2, -6],[2,6],[3, -4],[3,4]]
},{
    name: 'Region 3',
    data:  [[0, -3],[0,3],[1, -5],[1,5],[2, -4],[2,4],[3, -3],[3,3]]
}]

WORKING jsFiddle

关于jquery - Highcharts 中不同地区的人口金字塔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11343935/

相关文章:

javascript - 我可以使用 jQuery globaleval 而不是 eval 来逃避内容安全策略吗

javascript - jQuery DataTables 从复选框检索多个数据属性

javascript - 是否有悬停或 mouseenter/mouseleave 的切换?

mysql - 如何从 mysql 数据库中提取数据并使用 yii-framework 将它们绘制在 highcharts 中

JavaScript 日期在 HighCharts 上转换为 UTC

javascript - 如何设置 HTML 选择选项悬停和选定选项效果的样式

javascript - 将内容插入到已插入的内容中

javascript - 在包含大量 HighCharts 的页面上,一个特定的图表未显示。

javascript - Highcharts 中 yAxis 类别的十进制值

javascript - Highcharts:带有垂直网格线的 xAxis