jQWidgets Forums

jQuery UI Widgets Forums Gauges and Maps Gauges Range width not correct

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  Mariya 12 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Range width not correct #23841

    Michiel85
    Member

    I am trying to change the ranges from the provided example “default funtionality” to this:

    ranges: [{ startValue: 0, endValue: 110, style: { fill: ‘#4bb648’, stroke: ‘#4bb648’ }, endWidth: 10, startWidth: 1 },
    { startValue: 110, endValue: 165, style: { fill: ‘#ff8000’, stroke: ‘#ff8000’ }, endWidth: 13, startWidth: 10 },
    { startValue: 165, endValue: 220, style: { fill: ‘#e02629’, stroke: ‘#e02629’ }, endWidth: 16, startWidth: 13 }]

    —- original ——-
    ranges: [{ startValue: 0, endValue: 55, style: { fill: ‘#4bb648’, stroke: ‘#4bb648’ }, endWidth: 5, startWidth: 1 },
    { startValue: 55, endValue: 110, style: { fill: ‘#fbd109’, stroke: ‘#fbd109’ }, endWidth: 10, startWidth: 5 },
    { startValue: 110, endValue: 165, style: { fill: ‘#ff8000’, stroke: ‘#ff8000’ }, endWidth: 13, startWidth: 10 },
    { startValue: 165, endValue: 220, style: { fill: ‘#e02629’, stroke: ‘#e02629’ }, endWidth: 16, startWidth: 13 }]

    The first range(green; 0-110) gets drawn a bit strange. Can anyone reproduce this and provide me with a fix? Thanks in advance!

    Range width not correct #23871

    Mariya
    Participant

    Hi Michiel85,

    We have tried your example and it works as expected. You may find it strange that the range in the beginning is thinner but it is because of the ‘startWidth’ property. The first range starts from 1px and ends to 10px so if you want a different look try by changing it.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.