Chart MeterGauge not fully displayed

UI Components for JSF
Post Reply
RalfScania
Posts: 81
Joined: 26 Sep 2012, 12:51

30 Apr 2019, 10:56

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
Primefaces 8.0.4, MyFaces 2.2.8, Tomcat 9.0.8

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

30 Apr 2019, 13:18

PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Lucas996
Posts: 1
Joined: 04 May 2019, 07:31

04 May 2019, 08:05

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.
PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware

DQFanFeedback

Melloware
Posts: 3717
Joined: 22 Apr 2013, 15:48

04 Feb 2020, 17:22

OK this had been fixed again for 8.0 Final.
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 21 guests