yhdata_P8HODy1m青铜二
3 天前 发布在问答
【可视化】 趋势折线图,自定义绘图如何转换数据结构
请教大佬们,源代码如下,请问如何转换成dataset中数据结构,谢谢:
setTimeout(function () {
  const dataset = [
    ['product', '2012', '2013', '2014', '2015', '2016', '2017'],
    ['Milk Tea', 56.5, 82.1, 88.7, 70.1, 53.4, 85.1],
    ['Matcha Latte', 51.1, 51.4, 55.1, 53.3, 73.8, 68.7],
    ['Cheese Cocoa', 40.1, 62.2, 69.5, 36.4, 45.2, 32.5],
    ['Walnut Brownie', 25.2, 37.1, 41.2, 18, 33.9, 49.1]
  ];

  const products = dataset.slice(1).map(item => item[0]); // 获取所有产品名
  const years = dataset[0].slice(1); // 获取所有年份

  const series = products.map((product, index) => ({
    type: 'line',
    smooth: true,
    seriesLayoutBy: 'row',
    emphasis: { focus: 'series' },
    data: dataset[index + 1].slice(1) // 每条曲线的数据
  }));

  const option = {
    legend: { data: products },
    tooltip: {
      trigger: 'axis',
      showContent: false
    },
    dataset: {
      source: dataset
    },
    xAxis: { type: 'category', data: years },
    yAxis: { gridIndex: 0 },
    grid: { top: '5%' },
    series: series
  };

  myChart.setOption(option);
});


screenshot-20250218-111133.png
screenshot-20250218-111238.png
71
3
精彩评论3
yhdata_lyaa
发表于 3 天前 显示全部楼层
回复

使用道具 2#

yhdata_P8HODy1m青铜二 回复yhdata_lyaa
发表于 2025-02-18 13:02:42
好的,谢谢大佬
回复

yhdata_lyaa回复yhdata_P8HODy1m青铜二
发表于 2025-02-18 15:01:31
{:4_116:}
回复

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
100W

用户等你来哦

Copyright   ©2012-2025  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部