欧勇 2019-04-19 16:00 采纳率: 0%
浏览 898

bizcharts/echarts多维度折线图怎么配置

一般的图标多条折线图的数据都是有一个共同的字段作为x轴:
例:

 const data = [
      {
        month: "Jan",
        Tokyo: 7.0,
        London: 3.9
      },
      {
        month: "Feb",
        Tokyo: 6.9,
        London: 4.2
      },
      {
        month: "Mar",
        Tokyo: 9.5,
        London: 5.7
      },
      {
        month: "Apr",
        Tokyo: 14.5,
        London: 8.5
      },
      {
        month: "May",
        Tokyo: 18.4,
        London: 11.9
      },
                    ........
    ];

或者:

const data = [
      {
        country: "Asia",
        year: "1750",
        value: 502
      },
      {
        country: "Asia",
        year: "1800",
        value: 635
      },
      {
        country: "Asia",
        year: "1850",
        value: 809
      },
      {
        country: "Africa",
        year: "1750",
        value: 106
      },
      {
        country: "Africa",
        year: "1800",
        value: 107
      },
      {
        country: "Africa",
        year: "1850",
        value: 111
      },
      {
        country: "Europe",
        year: "1750",
        value: 163
      },
      {
        country: "Europe",
        year: "1800",
        value: 203
      },
      {
        country: "Europe",
        year: "1850",
        value: 276
      },
      {
        country: "Oceania",
        year: "1750",
        value: 200
      },
      {
        country: "Oceania",
        year: "1800",
        value: 200
      },
      {
        country: "Oceania",
        year: "1850",
        value: 200
      },

    ];
```这样就能形成多条有共同点的数据形成对比
![图片说明](https://img-ask.csdn.net/upload/201904/19/1555659637_48605.png),

但是!!!!但是!!!!但是!!!!

我现在的数据格式是这样的

const testData2 = [
  { 'title': '2019-05-01-2019-05-05新增用户', 'value': 12, date: "2019-05-01" },
  { 'title': '2019-05-01-2019-05-05新增用户', 'value': 11, date: "2019-05-02" },
  { 'title': '2019-05-01-2019-05-05新增用户', 'value': 50, date: "2019-05-03" },
  { 'title': '2019-05-01-2019-05-05新增用户', 'value': 8, date: "2019-05-04" },
  { 'title': '2019-05-01-2019-05-05新增用户', 'value': 11, date: "2019-05-05" },
  { 'title': '2019-04-01-2019-04-05新增用户', 'value': 2, date: "2019-04-01" },
  { 'title': '2019-04-01-2019-04-05新增用户', 'value': 1, date: "2019-04-02" },
  { 'title': '2019-04-01-2019-04-05新增用户', 'value': 2, date: "2019-04-03" },
  { 'title': '2019-04-01-2019-04-05新增用户', 'value': 3, date: "2019-04-04" },
  { 'title': '2019-04-01-2019-04-05新增用户', 'value': 7, date: "2019-04-05" },
]



有多条相同时间长度,不同的时间范围的数据,放在一个图标中进行趋势对比,多组数据中只有时间长度是一样的,请问各位大大佬像这种图,怎么配置,
这是效果图,注意看 Tooltip 和 x轴的值

![图片说明](https://img-ask.csdn.net/upload/201904/19/1555660189_848198.png)

对数据可视化也不熟悉,遇到这种奇葩的我就,没办法了,大佬们显显神通把!!!!谢谢谢谢
  • 写回答

1条回答

  • 娃哈哈_ 2022-04-07 11:29
    关注

    目前在项目中和你遇到一样的问题,你可以去参考下我的解决方案:https://blog.csdn.net/qq_36131788/article/details/124010046
    有问题再继续沟通

    评论

报告相同问题?

悬赏问题

  • ¥50 comsol稳态求解器 找不到解,奇异矩阵有1个空方程返回的解不收敛。没有返回所有参数步长;pid控制
  • ¥15 怎么让wx群机器人发送音乐
  • ¥15 fesafe材料库问题
  • ¥35 beats蓝牙耳机怎么查看日志
  • ¥15 Fluent齿轮搅油
  • ¥15 八爪鱼爬数据为什么自己停了
  • ¥15 交替优化波束形成和ris反射角使保密速率最大化
  • ¥15 树莓派与pix飞控通信
  • ¥15 自动转发微信群信息到另外一个微信群
  • ¥15 outlook无法配置成功