Angular 数组中的系列变量
我在angular中使用HighCharts API中的packedbubble图表Angular 数组中的系列变量,angular,highcharts,Angular,Highcharts,我在angular中使用HighCharts API中的packedbubble图表 +-+-+-+-+-+-+-+-+-+-+-+-+-+ 角度CLI:8.3.29 节点:15.2.0 操作系统:达尔文x64 角度:8.2.14 +-+-+-+-+-+-+-+-+-+-+-+-+-+ 但当我这样放置变量时: data.push({name: data_[i].institucion , value: data_[i].activos}) 及 (你不用担心索引,这只是一个循环) 我将变量机构放
+-+-+-+-+-+-+-+-+-+-+-+-+-+
角度CLI:8.3.29
节点:15.2.0
操作系统:达尔文x64
角度:8.2.14
+-+-+-+-+-+-+-+-+-+-+-+-+-+
但当我这样放置变量时:
data.push({name: data_[i].institucion , value: data_[i].activos})
及
(你不用担心索引,这只是一个循环)
我将变量机构放在系列seccion中:
const chart = Highcharts.chart({
chart: {
renderTo: "container",
type: "packedbubble",
height: "70%"
},
title: {
text: "Servidores públicos activos por dependencia"
},
tooltip: {
useHTML: true,
pointFormat: "<b>{point.name}:</b> {point.value}</sub>"
},
plotOptions: {
packedbubble: {
minSize: '0.00001%',
maxSize: '90%',
zMin: 0,
zMax: 1000,
layoutAlgorithm: {
gravitationalConstant: 0.01,
splitSeries: true,
seriesInteraction: false,
dragBetweenSeries: true,
parentNodeLimit: true
},
dataLabels: {
enabled: true,
format: '{point.name}',
filter: {
property: 'y',
operator: '>',
value: 250
},
style: {
color: 'black',
textOutline: 'none',
fontWeight: 'normal'
}
}
} as ExtendedChart
},
series: instituciones
});
}
const chart=Highcharts.chart({
图表:{
renderTo:“容器”,
类型:“packedbubble”,
身高:“70%”
},
标题:{
文本:“服务商públicos activos por dependencia”
},
工具提示:{
是的,
pointFormat:“{point.name}:{point.value}”
},
打印选项:{
包装气泡:{
minSize:'0.00001%',
maxSize:'90%',
zMin:0,
zMax:1000,
布局算法:{
引力常数:0.01,
是的,
序列交互:错误,
DragBetween系列:正确,
parentNodeLimit:对
},
数据标签:{
启用:对,
格式:“{point.name}”,
过滤器:{
属性:“y”,
运算符:“>”,
价值:250
},
风格:{
颜色:'黑色',
textOutline:“无”,
fontWeight:“正常”
}
}
}作为扩展图表
},
系列:研究所
});
}
我的chrome控制台(console.log)显示以下内容(图像链接):
结构显然是正确的,但图表中只有我有父亲。图像链接
我如何解决这个问题?
显然结构正确,但图表中只有我的父亲。
恐怕我不理解您的要求。你能更准确地解释一下你的目标吗?你能在一些在线编辑上重现你的案例吗?
const chart = Highcharts.chart({
chart: {
renderTo: "container",
type: "packedbubble",
height: "70%"
},
title: {
text: "Servidores públicos activos por dependencia"
},
tooltip: {
useHTML: true,
pointFormat: "<b>{point.name}:</b> {point.value}</sub>"
},
plotOptions: {
packedbubble: {
minSize: '0.00001%',
maxSize: '90%',
zMin: 0,
zMax: 1000,
layoutAlgorithm: {
gravitationalConstant: 0.01,
splitSeries: true,
seriesInteraction: false,
dragBetweenSeries: true,
parentNodeLimit: true
},
dataLabels: {
enabled: true,
format: '{point.name}',
filter: {
property: 'y',
operator: '>',
value: 250
},
style: {
color: 'black',
textOutline: 'none',
fontWeight: 'normal'
}
}
} as ExtendedChart
},
series: instituciones
});
}