Question

使用highcharts结合js和mysql生成柱状图的问题

有一个这样的简单表

要通过Highcharts生成一个横向柱状图，Y轴表示学院，X轴表示各学院男女比例分布。通过上述js代码获取学院名称作为Y轴标签，获取各学院男生和女生数作为X轴计算比例
生成如图所示的柱状图

求代码编写





Answer 1

告诉你思路吧, 剩下的还得你自己摸索, 涨经验, 涨姿势啊~~~

1. php 读取数据后, 组织数据为json格式, 由客户端调用, 格式如下:

   category: ["管理学院",'....."]

   data: [ [136,215], [147,196], .....]

2. 客户端, 先调用 Highcharts.chart 构造图表, 设定基本型装为横向的分组堆积图

3. js通过ajax加载数据, 将数据设置到图标的 category, series 中;

4. chart.redraw 即可.

具体你先看下 highcharts的所有sample, 那个比较合适你, 就直接照搬后, 想办法修改数据即可.

追问

想用jsp 的 不是php。。。

追答

jsp一样的, 数据访问接口不同, 到客户端的逻辑一致的.