echarts 问题

as614001

我想问下基于 key-value 不做转换，怎么可以按 x 日期 y运动量  渠道 处理呢？处理了半天都没处理好。其实按官方实例处理数据格式后是可以做到的。

1

option = {
    legend: {},
    tooltip: {},
    dataset: {
        
        source:
            [
                {'channel': '张叔', 'IDAy': '2020-11-08', 'sportnum': '1484'},
                {'channel': '李二', 'iday': '2020-11-08', 'sportnum': '1232'},
                {'channel': '王五', 'iday': '2020-11-08', 'sportnum': '84'},
                {'channel': '张叔', 'iday': '2020-11-09', 'sportnum': '1495'},
                 {'channel': '李二', 'iday': '2020-11-09', 'sportnum': '1171'},
                 {'channel': '王五', 'iday': '2020-11-09', 'sportnum': '124'},
                 {'channel': '张叔', 'iday': '2020-11-10', 'sportnum': '2173'},
                 {'channel': '李二', 'iday': '2020-11-10', 'sportnum': '1731'},
                 {'channel': '王五', 'iday': '2020-11-10', 'sportnum': '160'}
            ],

            
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {type: 'line', smooth: true,},
        {type: 'line', smooth: true,},
        {type: 'line', smooth: true,}
        
    ]
};

屈服了~~~~~~~~~~~~~~~~~~~~~~~~~~~
附带转换大法：

[JavaScript] 纯文本查看 复制代码

{    
    // 原始key-value形式的objArr
    let objArr=[
        {product: 'Matcha Latte', count: 823, score: 95.8},
        {product: 'Milk Tea', count: 235, score: 81.4},
        {product: 'Cheese Cocoa', count: 1042, score: 91.2},
        {product: 'Walnut Brownie', count: 988, score: 76.9}
    ];
    //    目标值为二维数组arrArr
    let arrArr=[];
    let dimensions=Object.keys(objArr[0]);
    console.log(dimensions);
    objArr.forEach((value,index)=>{
        arrArr[index]=[];
        dimensions.forEach(val => {
            arrArr[index].push(value[val]||null)
        });
    });
    console.log(arrArr);
}

天灾丶人灬

[JavaScript] 纯文本查看 复制代码

var option = {
    xAxis: {
        type: 'time',
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data:[['2020-07' , 123],
              ['2020-08' , 55],
              ['2020-09' , 23],
              ['2020-10' , 123],
              ['2020-11' , 552],
              ['2020-12' , 22]],
        type: 'line'
    }]
};

这种格式吧

坏人。丶

你没有仔细看例子把，echarts那么多例子，找到下边和左侧修改文字的例子照着改呗。。

as614001

坏人。丶 发表于 2020-12-8 10:26
你没有仔细看例子把，echarts那么多例子，找到下边和左侧修改文字的例子照着改呗。。

不是没看。是基于 key-value下 怎么搞，按例子来没问题的。但是也支持这个格式，所以就不想转换看看能不能达到同样的目的。

as614001

天灾丶人灬 发表于 2020-12-8 10:22
[mw_shl_code=javascript,true]var option = {
    xAxis: {
        type: 'time',

基于 key-value下 怎么搞，按例子来没问题的。但是也支持这个格式，所以就不想转换看看能不能达到同样的目的。

imyxuan

既然要用别人封装的工具，就要按照别人的规则来。如果想不按规则来，那就自己去封装，或者基于Echarts去修改。如果又想用工具，又不想按照他们的规则来，那有点不现实。

天灾丶人灬

你的意思是这样咩?

as614001

天灾丶人灬 发表于 2020-12-8 12:13
你的意思是这样咩?

三个line 得 张叔 李二 王五的显示出来嘛 现在这个是一个点

天灾丶人灬

那就是这样?