Question

我希望有一个与此chart类似的图表。我可以部分实现它，但是我无法获得该中心计数的一部分。如何实现相同？我需要将SOLIDGAUGE或PIE用作ChartType吗？

当前，我使用ChartType作为PIE。为了实现中间的空心部分，我在下面的代码中编写。 what I've achieved

PlotOptionsPie plotOptions=new PlotOptionsPie();
plotOptions.setInnerSize("50%");
configuration.setPlotOptions(plotOptions);

但是现在如何将那个数（如图中的985）放在中心？我尝试使用DataLabels，但无法正常工作。

注意：我使用的是 Vaadin Charts 3.2.1 ，Vaadin 7和Java 8

Answer 1

具有内部尺寸的饼图是解决方法。

您可以将标题用于此目的，并在图表中间设置标题的位置。

    Configuration conf = chart.getConfiguration();
    Title title = conf.getTitle();
    title.setText("985");
    title.setAlign(HorizontalAlign.CENTER);
    title.setVerticalAlign(VerticalAlign.MIDDLE);

希望这会有所帮助

Vaadin图表组件建议

1 个答案: