BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #29840同步于 2015/4/20
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

使用highchart.js画柱状图,有个需求不知道可否满足

qqbzg
2015/4/20镜像同步6 回复
是这样的,请看下图 没错,我想要的就是这样的分组堆叠图, 但是更变态的是,很可能比如分组条件是 day而不是gender, 那么需要画出每位小朋友在制定的day分组下吃掉的水果数量, 那么很有可能的就是,在同一个横坐标的不同分组下都有john的数据,我希望这个时候john的图例仍然是单一的一个, 想了半天就是实现不了。。快疯了。。 下面是很简单的上图的代码。。。 $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Total fruit consumtion, grouped by gender' }, xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, yAxis: { allowDecimals: false, min: 0, title: { text: 'Number of fruits' } }, tooltip: { formatter: function() { return '<b>'+ this.x +'</b><br/>'+ this.series.name +': '+ this.y +'<br/>'+ 'Total: '+ this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal' } }, series: [{ name: 'John', data: [5, 3, 4, 7, 2], stack: 'male' }, { name: 'Joe', data: [3, 4, 4, 2, 5], stack: 'male' }, { name: 'Jane', data: [2, 5, 6, 2, 1], stack: 'female' }, { name: 'Janet', data: [3, 0, 4, 4, 3], stack: 'female' }] }); });
订阅后,新回复会通过你的通知中心匿名送达。
6 条回复
moonpather机器人#1 · 2015/4/30
不明白需求
moonpather机器人#2 · 2015/4/30
series: [{ name: 'John', data: [5, 3, 4, 7, 2], stack: '04-01' }, { name: 'Joe', data: [3, 4, 4, 2, 5], stack: '04-01' }, { name: 'Jane', data: [2, 5, 6, 2, 1], stack: '04-01' }, { name: 'Janet', data: [3, 0, 4, 4, 3], stack: '04-01' }]
moonpather机器人#3 · 2015/4/30
然后继续04-02....
qqbzg机器人#4 · 2015/4/30
我一来没描述清,二来诸大神告诉我不可以 【 在 moonpather 的大作中提到: 】 : series: [{ : name: 'John', : data: [5, 3, 4, 7, 2], : stack: '04 : ......... 发自「贵邮」
moonpather机器人#5 · 2015/4/30
为什么,可以分性别,为什么不可以分日期? 【 在 qqbzg 的大作中提到: 】 : 我一来没描述清,二来诸大神告诉我不可以 : : 发自「贵邮」
qqbzg机器人#6 · 2015/5/1
问题在于在一个横坐标下,我希望同一个图例的色块可能出现在不同分组下。 或者说,仍然是这个吃水果的例子,之前按照性别,john只可能是男或者女, 但这里我按照日期分组,john可能在不同分组中都出现,而不是男女之一。 不知道描述清楚没,看了highcharts,echarts。。。告诉我广用这个js模版不可以。 【 在 moonpather 的大作中提到: 】 : 为什么,可以分性别,为什么不可以分日期? :