php专业k线图绘制,Echarts画股票K线图,具体实操.

1.首先我们先去下载Echart源码,http://echarts.baidu.com/download.html ,下载这个完整版,完整版其实比个人定制版本的更小,也不会出错..

2.找到一个demo,然后把源码copy下来 http://gallery.echartsjs.com/editor.html?c=xrk5n1pB0b

3.根据实际情况修改copy下来的代码

,

可以分明看出这就是json字符串,我们将从接口获取的数据处理成这种格式后,传递到html中基本上就可以了.

下面直接上源码.

//我们在这里定义一个ID为kline_1 的div,用于加载k线图

//引入echart.js 这里路径按照自己的路径进行修改..

//将copy过来的代码进行小部分修改就ok,具体修改过的有注释.

// 数据意义：开盘(open)，收盘(close)，最低(lowest)，最高(highest)

//此处的{$kline_json}是一个我后台处理传递过来的json字符串.测试的话可以暂时使用上文中demo地址中的json..

var data0 = splitData({$kline_json});

function splitData(rawData) {

var categoryData = [];

var values = []

for (var i = 0; i < rawData.length; i++) {

categoryData.push(rawData[i].splice(0, 1)[0]);

values.push(rawData[i])

}

return {

categoryD