Javascript 图例数量较多时的图表配置
在我们的项目中,我们使用饼图。当序列计数小于10-15时,所有切片都显示良好,但随着更多值添加到序列图中,图表开始缩小,图例也显示溢出箭头 因此,我们正在处理一个需求,其中前10个计数将显示在饼图上,并使用某种控制加载序列中的下一组值Javascript 图例数量较多时的图表配置,javascript,highcharts,pie-chart,angular2-highcharts,Javascript,Highcharts,Pie Chart,Angular2 Highcharts,在我们的项目中,我们使用饼图。当序列计数小于10-15时,所有切片都显示良好,但随着更多值添加到序列图中,图表开始缩小,图例也显示溢出箭头 因此,我们正在处理一个需求,其中前10个计数将显示在饼图上,并使用某种控制加载序列中的下一组值 Highchart是否有任何内置的对此类需求的支持?您应该能够通过动态更改序列数据来实现所需的结果。要更新序列数据,可以使用series.update功能 演示: API:在饼图中显示没有问题,这是图表的默认设置。您只需对服务器中获取的数据进行分页,并将其限制为1
Highchart是否有任何内置的对此类需求的支持?您应该能够通过动态更改序列数据来实现所需的结果。要更新序列数据,可以使用
series.update
功能
演示:
API:在饼图中显示没有问题,这是图表的默认设置。您只需对服务器中获取的数据进行分页,并将其限制为10。使用paginate的其他功能来控制数据。感谢您的输入,但我无法用演示小提琴验证它。如果可能,请修改它。@Dev's您能更准确地解释一下上面的演示有什么问题吗?正如我所理解的,您需要一个饼图,它将显示一般数据中的10个数据集,并可以动态地将其更改为下10个数据集,这实际上是上面的演示所显示的。我现在得到了它,由于解决方案问题,我无法使用该按钮。这很有帮助,谢谢
chart.series[0].update({
data: randomData(i)
})