如何解决Apexchart js如何使用java
我的 Web 应用程序使用 vaadin 和 java。我试图显示汽车的平均油耗。这当然是以升为单位。
从视觉效果中可以看出,底部显示了百分比。但是,我想在这里显示与实际 75.0.0 不同的值。例如,我希望弧度条有 75%,但在标签部分,我想写“7.5 升”而不是 75%。
ApexCharts averageFuelConsumption =
ApexChartsBuilder.get()
.withChart(
ChartBuilder.get()
.withType(Type.radialBar)
.withToolbar(ToolbarBuilder.get().withShow(true).build())
.build())
.withPlotOptions(
PlotOptionsBuilder.get()
.withRadialBar(
RadialBarBuilder.get()
.withStartAngle(-135.0)
.withEndAngle(225.0)
.withHollow(
HollowBuilder.get()
.withMargin(0.0)
.withSize("70%")
.withBackground("#fff")
.withPosition(HollowPosition.front)
.withDropShadow(
DropShadowBuilder.get()
.withEnabled(false)
.withTop(3.0)
.withBlur(4.0)
.withOpacity(0.24)
.build())
.build())
.withDataLabels(
RadialBarDataLabelsBuilder.get()
.withShow(true)
.withName(
NameBuilder.get()
.withOffsetY(-10.0)
.withShow(true)
.withColor("#002366")
.withFontSize("12px")
.build())
.withValue(
ValueBuilder.get()
.withColor("#111")
.withFontSize("36px")
.withShow(true)
.build())
.build())
.build())
.build())
.withFill(
FillBuilder.get()
.withType("gradient")
.withGradient(
GradientBuilder.get()
.withShade("dark")
.withType("horizontal")
.withShadeIntensity(0.5)
.withGradientToColors("#ABE5A1")
.withInverseColors(true)
.withOpacityFrom(1.0)
.withOpacityTo(1.0)
.withStops(0.0,100.0)
.build())
.build())
.withSeries(75.0)
.withStroke(StrokeBuilder.get().withLineCap(LineCap.round).build())
.withLabels("Ortalama Yakit Tüketimi")
.build();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。