Page 1 of 1

Chart MeterGauge not fully displayed

Posted: 30 Apr 2019, 10:56
by RalfScania
Hi, I have a problem with a meterGauge chart. Everything worked fine until around Version 6.2
Now on mobile devices, the chart is only displayed as one quarter.

Any ideas? We are using ultima Layout.
Also tried PF 7, but no luck.

This is also happening in the showcase.
Set the browser in mobile mode and press refresh.

Code: Select all

 <p:chart id="adblueChart" type="metergauge"
                 model="#{productCheck.selectedProduct.meterGaugeModelAdblue}"
                 style="width: 400px;height:250px;"/>

Code: Select all

public MeterGaugeChartModel createMeterGaugeModel(int value) {
        List<Number> intervals = new ArrayList<>();
        intervals.add(20);
        intervals.add(40);
        intervals.add(80);
        intervals.add(100);

        MeterGaugeChartModel gauge = new MeterGaugeChartModel(value, intervals);
        gauge.setIntervals(intervals);
        gauge.setSeriesColors("ff0000,ffffff,ffffff,ffffff");
        gauge.setGaugeLabel("Liter");
        gauge.setGaugeLabelPosition("bottom");
        gauge.setIntervalOuterRadius(100);
        return gauge;
    }
Image

Image

Re: Chart MeterGauge not fully displayed

Posted: 30 Apr 2019, 13:18
by Melloware

Re: Chart MeterGauge not fully displayed

Posted: 04 May 2019, 08:05
by Lucas996
Ok, I found the problem. I accidentally included jQuery two times.
One time in the JSF-template (with bootstrap), the second time with Primefaces.

I removed it from the JSF-template and it now works.