echarts 问题

as614001 发表于 2020-12-8 10:03

本帖最后由 as614001 于 2020-12-8 10:52 编辑

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

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,}

]
};

屈服了~~~~~~~~~~~~~~~~~~~~~~~~~~~:'(weeqw
附带转换大法：
{
// 原始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);
console.log(dimensions);
objArr.forEach((value,index)=>{
   arrArr=[];
   dimensions.forEach(val => {
         arrArr.push(value||null)
   });
});
console.log(arrArr);
}

吾爱我世界 发表于 2020-12-8 10:08

天灾丶人灬 发表于 2020-12-8 10:22

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'
}]
};
这种格式吧

坏人。丶 发表于 2020-12-8 10:26

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

as614001 发表于 2020-12-8 10:30

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

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

as614001 发表于 2020-12-8 10:31

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

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

imyxuan 发表于 2020-12-8 12:07

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

天灾丶人灬 发表于 2020-12-8 12:13

你的意思是这样咩?

as614001 发表于 2020-12-8 13:00

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

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

天灾丶人灬 发表于 2020-12-8 14:40

那就是这样?

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

echarts 问题