Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图例数量较多时的图表配置_Javascript_Highcharts_Pie Chart_Angular2 Highcharts - Fatal编程技术网

Javascript 图例数量较多时的图表配置

Javascript 图例数量较多时的图表配置,javascript,highcharts,pie-chart,angular2-highcharts,Javascript,Highcharts,Pie Chart,Angular2 Highcharts,在我们的项目中,我们使用饼图。当序列计数小于10-15时,所有切片都显示良好,但随着更多值添加到序列图中,图表开始缩小,图例也显示溢出箭头 因此,我们正在处理一个需求,其中前10个计数将显示在饼图上,并使用某种控制加载序列中的下一组值 Highchart是否有任何内置的对此类需求的支持?您应该能够通过动态更改序列数据来实现所需的结果。要更新序列数据,可以使用series.update功能 演示: API:在饼图中显示没有问题,这是图表的默认设置。您只需对服务器中获取的数据进行分页,并将其限制为1

在我们的项目中,我们使用饼图。当序列计数小于10-15时,所有切片都显示良好,但随着更多值添加到序列图中,图表开始缩小,图例也显示溢出箭头

因此,我们正在处理一个需求,其中前10个计数将显示在饼图上,并使用某种控制加载序列中的下一组值


Highchart是否有任何内置的对此类需求的支持?

您应该能够通过动态更改序列数据来实现所需的结果。要更新序列数据,可以使用
series.update
功能

演示:


API:

在饼图中显示没有问题,这是图表的默认设置。您只需对服务器中获取的数据进行分页,并将其限制为10。使用paginate的其他功能来控制数据。感谢您的输入,但我无法用演示小提琴验证它。如果可能,请修改它。@Dev's您能更准确地解释一下上面的演示有什么问题吗?正如我所理解的,您需要一个饼图,它将显示一般数据中的10个数据集,并可以动态地将其更改为下10个数据集,这实际上是上面的演示所显示的。我现在得到了它,由于解决方案问题,我无法使用该按钮。这很有帮助,谢谢
chart.series[0].update({
    data: randomData(i)
})