Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.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
Java GWT条形图如何减少条形图之间的间距并删除起始线_Java_Gwt - Fatal编程技术网

Java GWT条形图如何减少条形图之间的间距并删除起始线

Java GWT条形图如何减少条形图之间的间距并删除起始线,java,gwt,Java,Gwt,在我的项目中,我使用GWT图表- <inherits name="com.googlecode.gwt.charts.Charts"/> 删除垂直轴线 只能通过将垂直轴栏设置为与背景相同的颜色来删除垂直轴栏。在本例中,白色: 如果还要删除网格线,请将其设置为背景色,因为可以指定的最小网格线数为2: 如果希望轴线看起来与网格线相同,请将它们设置为相同的颜色: 您可以查看GoogleCharts文档,其中指定了所有可能的条形图选项,以验证这是实现所需效果的唯一方法。这不仅

在我的项目中,我使用GWT图表-

   <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);