Jump to content
JChartFX Community

Search the Community

Showing results for tags 'gauge'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • jChartFX
    • General Questions
    • jQuery/jQuery UI
    • Styling and Aesthetics


There are no results to display.

Found 2 results

  1. Hi, I need to show the scale value lables on a radial gauge. For certian value ranges the radial gauge does not show the scale labels. If I set the ranges as follows the gauge shows no scale value lables: scale.setMax(82) scale.setMin(0) sectionRed.setFrom(41) sectionRed.setTo(82) sectionYellow.setFrom(21) sectionYellow.setTo(41) sectionGreen.setFrom(0) sectionGreen.setTo(21) With these ranges the gauge shows the scale value labels: scale.setMax(80) scale.setMin(0) sectionRed.setFrom(40) sectionRed.setTo(80) sectionYellow.setFrom(20) sectionYellow.setTo(40) sectionGreen.setFrom(0) sectionGreen.setTo(20) Jchartfx version: 7.5.5900 jQuery version: 1.11.2 What do I have to do to show the scale labels always? Thanks for your help.
  2. 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'); };