jQWidgets Forums

jQuery UI Widgets Forums Chart jqxChart Y-Axis does not always update on new values set

This topic contains 5 replies, has 2 voices, and was last updated by  Hristo 8 years, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • Florian Auer
    Participant

    Hi

    I have a scatter chart with a fixed axis range of 0 to 300.
    Now i wanted to implement a “zoom” by using sliders to set new values for both axis.

    As far as I can see:

    • setting new values to the X-Axis always results in correct re-calculation.
    • setting new values to the Y-Axis does not always update the chart

    But the main problem is: the value displayed and the axis-value out of the api differ!
    This only seem to happen for the valueAxis.

    example given: https://jsfiddle.net/r3ufqxo1/2/
    reproduce:

    • move Y-Axis sliders for max/min to new values and the new values for the slider will be displayed
    • click on the button: and the chart logs its axis values

    What did i do wrong?


    Hristo
    Participant

    Hello Florian Auer,

    I check this example and on first look nothing wrong.
    This is one too big data source and we could not spend time to create/check (private) project.
    Please, provide us small examples with a concrete issue.
    I would like to suggest you to look one example.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com


    Florian Auer
    Participant

    Hi Hristo

    I minified the example to be easier to overview & reproduce.
    https://jsfiddle.net/r3ufqxo1/6/

    When you cklick the button, the y-axis sliders maximum will be moved a half tickDistance down. The chart also notices this due the y-axis max value changes but it does not rerender. So the displayed axis max value mismatches the one from the api.

    The x-axis does not have this effect. Everey change from moving the slider results in a rerenderd chart.
    Why is that so?


    Hristo
    Participant

    Hello Florian Auer,

    About the example that I post I only would like show changes in the Chart.
    The presented data is with big distance of the measure lines.
    First I would like to suggest you to use logarithmicScale: true, and logarithmicScaleBase: 2.
    Also one another approach to set unitInterval. Please, take a look at this example.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com


    Florian Auer
    Participant

    Hello Hristo

    Thx for the reply.
    As far as i understood, the “render-reaction” of the charts axis depend on the unit-interval that has been set.
    When this interval f.ex ist 50 and the max-value for the axis will be set in steps of 10 it will not always re-render.

    Remark: What i see is, that even with lower value-ranges the x and y axis do not behave the same.
    This can be seen here with ranges from 0 to 300 on both axis: https://jsfiddle.net/r3ufqxo1/9/

    The chart re-renders on any x-axis change with step 10 but only on y-axis changes with size of the unitInterval.
    Is that correct?

    An if, should the min and max value of the y-axis, when read via API, not alwys give the value that is displayed?


    Hristo
    Participant

    Hello Florian Auer,

    Should try to synchronize the unit intervals of the Chart with steps in the Slider.
    The unitInterval is important for the valueAxis.
    Thank you for your understanding.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.