[EChartsFormatter] - https://github.com/sixtreehall/EChartsFormatter

插件地址:https://github.com/sixtreehall/EChartsFormatter

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

从上述代码看到data填充的数组完全可以根据前端点击按钮或ajax获取json后根据不同的获取字段获取.

比如xAxis的data为时间,而series系列中是数值(比如数据库中price字段).

那么其实一个js是可以搞定的.

即使数据库返回的是一套元组数据(其中字段包含了这俩data的数据)

/*获取json数据中的某一个字段*/
function getParamValues(name, json) {
    var ret = [];
    var len = Object.keys(json).length;
    for (var i = 0; i < len; i++) {
        ret.push(json[i][name]);
    }
    return ret;
}

那么将json数据传入后可以获取某个字段的数组形式.

假如有三个company,每个company的时间轴和价格表要进行数据获取呢?

没关系我们还有这个js

/*获取json数据中的某一个字段key根据给定value => 数组*/
function getParamValuesByCname(name, json, key, value) {
    var ret = [];
    var len = Object.keys(json).length;

    for (var i = 0; i < len; i++) {
        if (json[i][key] == value) {
            ret.push(json[i][name]);
        }
    }
    return ret;
}

好了,这个EChartsFormatter讲解完了,请关注github.进行star或者fork.