Angular 如何使用ng2图表制作Chart.js气泡图?

Angular 如何使用ng2图表制作Chart.js气泡图?,angular,chart.js,ng2-charts,Angular,Chart.js,Ng2 Charts,但是文档中没有提到它们。是否可以使用ng2图表构建气泡图?任何指向工作示例的指针都会很好 注意:我已经看过了。自版本1.1.0(2016年5月17日)起,气泡图似乎不受支持。npm包现在支持气泡图(自版本2.0.0-beta.10起) 以下是演示应用程序的片段: 代码: 从'@angular/core'导入{Component,OnInit}; 从'chart.js'导入{ChartOptions,ChartType,ChartDataSets}; 从“ng2图表”导入{Color}; @组

但是文档中没有提到它们。是否可以使用
ng2图表构建气泡图
?任何指向工作示例的指针都会很好

注意:

我已经看过了。自版本
1.1.0(2016年5月17日)起,气泡图似乎不受支持。

npm包现在支持气泡图(自版本
2.0.0-beta.10起)

以下是演示应用程序的片段:


代码:

从'@angular/core'导入{Component,OnInit};
从'chart.js'导入{ChartOptions,ChartType,ChartDataSets};
从“ng2图表”导入{Color};
@组成部分({
选择器:'应用程序气泡图',
templateUrl:'./bubble chart.component.html',
样式URL:['./气泡图.component.scss']
})
导出类BubbleChartComponent实现OnInit{
公共bubbleChartOptions:ChartOptions={
回答:是的,
比例:{
xAxes:[{ticks:{min:0,max:30,}}],
雅克斯:[{ticks:{min:0,max:30,}]
}
};
公共bubbleChartType:ChartType='bubble';
公共bubbleChartLegend=true;
公共bubbleChartData:ChartDataSets[]=[
{
数据:[
{x:10,y:10,r:10},
{x:15,y:5,r:15},
{x:26,y:12,r:23},
{x:7,y:8,r:8},
],
标签:“A系列”,
},
];
公共BubbleChartColor:Color[]=[
{
背景颜色:[
“红色”,
“绿色”,
“蓝色”,
“紫色”,
]
}
];
构造函数(){}
恩戈尼尼特(){
}
}
(我是该方案的合作者)