Java GWT条形图如何减少条形图之间的间距并删除起始线
在我的项目中,我使用GWT图表-Java GWT条形图如何减少条形图之间的间距并删除起始线,java,gwt,Java,Gwt,在我的项目中,我使用GWT图表- <inherits name="com.googlecode.gwt.charts.Charts"/> 删除垂直轴线 只能通过将垂直轴栏设置为与背景相同的颜色来删除垂直轴栏。在本例中,白色: 如果还要删除网格线,请将其设置为背景色,因为可以指定的最小网格线数为2: 如果希望轴线看起来与网格线相同,请将它们设置为相同的颜色: 您可以查看GoogleCharts文档,其中指定了所有可能的条形图选项,以验证这是实现所需效果的唯一方法。这不仅
<inherits name="com.googlecode.gwt.charts.Charts"/>
删除垂直轴线
只能通过将垂直轴栏设置为与背景相同的颜色来删除垂直轴栏。在本例中,白色:
如果还要删除网格线,请将其设置为背景色,因为可以指定的最小网格线数为2:
如果希望轴线看起来与网格线相同,请将它们设置为相同的颜色:
您可以查看GoogleCharts文档,其中指定了所有可能的条形图选项,以验证这是实现所需效果的唯一方法。这不仅仅是GWT可视化API的限制
减少钢筋间距
GWT可视化API似乎不直接支持这一点,但Google图表支持这一点。通过添加本机JavaScript方法,您可以绕过此限制
首先,扩展com.google.gwt.visualization.client.visualizations.corechart.Options类以包括本机方法:
public class BarChartOptions extends Options {
protected BarChartOptions() {
}
public final native void setGroupWidth(String groupWidth) /*-{
this.bar = { groupWidth: groupWidth }
}-*/;
public static BarChartOptions create() {
return JavaScriptObject.createObject().cast();
}
}
新的setGroupWidth方法现在允许您将条形宽度指定为字符串百分比。例如“95%”
I found the way to reduce the size between bars with this:
ChartArea chartArea = ChartArea.create();
chartArea.setHeight(50);
opt.setChartArea(chartArea);
AxisOptions hAxisOptions = AxisOptions.create();
hAxisOptions.setBaselineColor("#FFF");
opt.setHAxisOptions(hAxisOptions);
opt.setGridlineColor("#FFF");
AxisOptions hAxisOptions = AxisOptions.create();
hAxisOptions.setBaselineColor("#CCC");
opt.setGridlineColor("#CCC");
opt.setHAxisOptions(hAxisOptions);
public class BarChartOptions extends Options {
protected BarChartOptions() {
}
public final native void setGroupWidth(String groupWidth) /*-{
this.bar = { groupWidth: groupWidth }
}-*/;
public static BarChartOptions create() {
return JavaScriptObject.createObject().cast();
}
}
BarChartOptions opts = BarChartOptions.create();
opts.setGroupWidth("95%");
// Set other chart options here
// E.g. Removing the axis line
AxisOptions axisOptions = AxisOptions.create();
axisOptions.setBaselineColor("#FFF");
opts.setHAxisOptions(axisOptions);