Chart MeterGauge not fully displayed

UI Components for JSF
Post Reply
RalfScania
Posts: 61
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 7.0.4, MyFaces 2.2.8, Tomcat 9.0.8

User avatar
Melloware
Posts: 1226
Joined: 22 Apr 2013, 15:48

30 Apr 2019, 13:18

PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 7.0.6 / PF Extensions 7.0.2

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

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests