Jump to content
JChartFX Community

mreschke

Members
  • Content Count

    2
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by mreschke

  1. Downloaded the full jChartFX package a week ago (not licensed v7.2.5289), built a very simple gauge with animation enabled, works mostly.  Notice in my script the needle value should be right at 82.  Every time I refresh the page the needle varies a bit.  It seems to just pick a random value around 82.  If I hover over the needle it may be 79.0 one time, 80.95 the next, then 81.1...what the heck?


     


    I noticed, if I turn off animations, this doesn't happen, needle is exactly at 82 every time.  I notice on slower devices like a phone (android), the need stops even lower, so around 60 - 70.  


     


    So animation bug?  Tested in Firefox and Chrome.  Phone is android with chrome.  All three are bad values when animation enabled.



    /**
    * Create a jChartFX radial gauge chart from a widget
    * @param {object} widget
    * @return {void}
    */
    function radialGauge(widget)
    {
    // Chart Values
    var min = 65;
    var max = 100;
    var value = 82;
    var limit1 = 74;
    var limit2 = 82;
    var name = 'Test';

    // New jChartFX Object
    var chart = new cfx.gauge.RadialGauge();
    chart.setMainValue(value);

    // Titles
    var title = new cfx.gauge.Title();
    chart.getTitles().add(title);
    title = chart.getTitles().getItem(0);
    title.setText(name);

    // Scale
    var scale = chart.getMainScale();

    // Sections 1st
    var section = new cfx.gauge.ScaleSection();
    section.setFrom(min);
    section.setTo(limit1);
    scale.getSections().add(section);

    // Sections 2nd
    section = new cfx.gauge.ScaleSection();
    section.setFrom(limit1);
    section.setTo(limit2);
    scale.getSections().add(section);

    // Sections 3rd
    section = new cfx.gauge.ScaleSection();
    section.setFrom(limit2);
    section.setTo(max);
    scale.getSections().add(section);

    scale.setMin(min);
    scale.setMax(max);

    // Animations
    chart.getAnimations().getLoad().setEnabled(true);

    // Display Chart
    chart.create('myChartDiv');
    };

    • Like 1
×
×
  • Create New...