为了账号安全,请及时绑定邮箱和手机立即绑定

Vaadin 8 Chart 删除情节和标题之间的多余空间

Vaadin 8 Chart 删除情节和标题之间的多余空间

波斯汪 2021-10-13 14:08:33
我正在使用 Vaadin 8 图表插件在 gridLayout 中创建仪表,如下面的快照所示。我试图删除图表和标题区域之间的多余间距,如红色突出显示。用于创建仪表的代码片段private Chart gauge(Number newValue, String tooltip) {    final Chart chart = new Chart();    final Configuration configuration = chart.getConfiguration();    configuration.getChart().setType(ChartType.GAUGE);    configuration.getChart().setAlignTicks(false);    configuration.getChart().setWidth(200);    configuration.getChart().setHeight(200);    configuration.getChart().setSpacingTop(0);    configuration.getTitle().setMargin(0);    configuration.getChart().setPlotBackgroundColor(SolidColor.GREENYELLOW);    configuration.getChart().setPlotBackgroundImage(null);    configuration.getChart().setPlotBorderWidth(0);    configuration.getChart().setPlotShadow(false);    configuration.getChart().setBackgroundColor(null);    configuration.getChart().setMarginTop(0);    configuration.getChart().setMarginBottom(0);    configuration.getPane().setStartAngle(-150);    configuration.getPane().setEndAngle(150);    YAxis yAxis = new YAxis();    // The limits are mandatory    yAxis.setMin(0);    yAxis.setMax(100);    // Other configuration    yAxis.getLabels().setStep(1);    yAxis.setTickInterval(10);    yAxis.setPlotBands(new PlotBand[] { new PlotBand(0, 40, SolidColor.GREEN),            new PlotBand(40, 80, SolidColor.YELLOW), new PlotBand(80, 100, SolidColor.RED) });    configuration.addyAxis(yAxis);    final ListSeries series = new ListSeries(tooltip, 80);    PlotOptionsGauge plotOptionsGauge = new PlotOptionsGauge();    plotOptionsGauge.setDataLabels(new DataLabels());    // plotOptionsGauge.getDataLabels()    // .setFormatter("function() {return '<span style=\"color:#339\">'+    // this.y + ' %</span>';}");    plotOptionsGauge.setTooltip(new SeriesTooltip());    plotOptionsGauge.getTooltip().setValueSuffix(" %");    series.setPlotOptions(plotOptionsGauge);    configuration.setSeries(series);    series.updatePoint(0, newValue);    chart.drawChart();    return chart;}有关如何删除多余空间的任何指示???
查看完整描述

3 回答

?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

终于,经过多次尝试找到了解决方案。在仪表中添加以下行对我有用,这是结果的快照

configuration.getPane().setSize(95, Unit.PERCENTAGE);

//img1.sycdn.imooc.com//6166780900013e7a06210252.jpg

查看完整回答
反对 回复 2021-10-13
?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

我发现将标题设置为浮动有帮助,因为情节计算不考虑标题:

yourchart.getConfiguration().getTitle().setFloating(true);


查看完整回答
反对 回复 2021-10-13
  • 3 回答
  • 0 关注
  • 157 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信