You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何构造符合ng2-charts ChartDataSets类型的含指定数组的父数组?

解决方案

其实很容易实现,直接创建一个父数组,把两个包含data和label键的对象放进去就可以完美匹配ChartDataSets类型啦,具体代码如下:

var array1 = [1,1,1]; 
var array2 = [2,2,2];

// 生成符合要求的父数组
const chartData: ChartDataSets[] = [
  { data: array1, label: 'some label1' },
  { data: array2, label: 'some label2' }
];

补充说明

  • 如果你的项目用的是TypeScript,记得加上ChartDataSets的类型声明(需要先从ng2-charts导入这个类型哦),这样能获得类型提示和校验;
  • 如果是JavaScript的话,直接去掉类型声明就行:
    var array1 = [1,1,1]; 
    var array2 = [2,2,2];
    
    const chartData = [
      { data: array1, label: 'some label1' },
      { data: array2, label: 'some label2' }
    ];
    

这样生成的数组就完全符合你想要的结构,直接传给ng2-charts的数据集属性就可以用啦~

内容的提问来源于stack exchange,提问作者Sol

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.07 20:02:31