dwz+thinkPHP+highcharts如何给JS传值。

发布网友发布时间：2022-04-08 04:40

共1个回答

热心网友时间：2022-04-08 06:09

highCharts 的 data (series/category) 都是可以动态设置的,因此你要做的事情包括:

如何拿到 highcharts的动他数据部分, 包括系列/分类等;

如何将数据处理到 chart中.

1: 的处理大概逻辑应该是这样:

通过客户端js脚本, 向服务器发送请求查询数据, 服务器返回 json格式数据, 譬如返回series 数据数组;

你就当是客户端发起一个查询请求, 查询数据返回给客户端即可;

服务器返回的数据建议为json格式, 方便调用;

2: 显示到chart中

客户端的js脚本在收到数据后, 直接调用 chart的方法来修改图表数据, 譬如 addSeries, series[0].setData 等等, 具体参数请参考 http://api.highcharts.com 的 Methods and properties 部分, 以及他们提供的样例代码;

数据设置完毕, 重绘图表即可: chart.redraw();

归纳下:

图表包含三个基本要素:

1) 样式: 定义图表的展示方法, x/y等等, 这个通常可以在 html 中直接写;

2) 数据: 这部分可以在php 直接生成 html/js 时填入, 或者通过ajax 访问拿到数据;

3) 互操作: 这是在图表上执行点击/放大/滚动等等操作时的处理;

总言之, highcharts是封装的很好的 js 图表实现, 更强悍的 stockCharts 有更丰富的表现; 个人建议先将 highcharts 的相关api/文档/手册等通读和测试以加深了解;