[JoopCParticipant]

Hello Hristo,

I forgot to say, I want multiple Knob Widgets on 1 page with different label font-size and color.

thanks JoopC.

[JoopCParticipant]

Hello Hristo,

>>Also, we do not have such property – “LabelStyles”.

your documentation KNOB API reference/labels/style says:

style – specifies the style of the labels. style.fill – fill color(hex string) or object(object.color(hex color), object.gradientType(linear, linearHorizontal or radial), gradientStops(Array like [[0, 1], [50, 0.5], [100, 1]]), style.stroke – border color(hex string), style.strokeWidth – border width.

[JoopCParticipant]

it is solved, thank you

[JoopCParticipant]

Nadezhda, thank you for the solution.

But in your solution all the gauges labels and captions will paint in the same color.

In the GAUGE API reference, the labels has a Style propertie where we can change the color etc but that will not work.
It is strange that we can change every color etc of all the properties for every Gauge seperate but not for the Caption and Labels.
Is that a glitch? When that is technicly not possible it does not matter, but we wish yes.

Thank you in advance for this beautifull program.

[JoopCParticipant]

Hello Dimitar,

I want to inform you that (with the update 3.3.0) the RangeSelector is working oké now. Thank you so much.
Joop.

[JoopCParticipant]

Hello Dimitar,

That is a strange behavior because the rangeSelector is on a jqxWindow next to the jqxGrid in the same html page where a call the method.
The jqxGrid is accessible all the time.
Also the setRange method mess up the display of the jqxRangeSelector too.

But thank you so much for your efforts.
Joop

[JoopCParticipant]

hello Dimitar

here is the init code

var dD = new Date();
$( “#rangeSelectorDate” ).jqxRangeSelector({
theme: ‘ui-overcast’,
width: 640,
height: 20,
min: new Date( 2013, 0, 1 ),
max: new Date( dD.getFullYear(), dD.getMonth(), dD.getDate() ),
labelsOnTicks: false,
range: { from: new Date( dD.getFullYear(), dD.getMonth() – 1, dD.getDate(),0,0,0 ), to: new Date( dD.getFullYear(), dD.getMonth(), dD.getDate(),0,0,0 ) },
majorTicksInterval: “month”,
minorTicksInterval: “day”,
labelsFormat: ‘MM’,
markersFormat: ‘dd-MMM-yyyy’
} );

The routine for the alert window:

function CreateTheChart()
{
// this was only for demonstration that the slider did not return the good date.
var sss = $( “#rangeSelectorDate” ).jqxRangeSelector( ‘getRange’ );
alert( sss.from )
alert(sss.to)
….. continue with other code.

Nowhere else in the program will the routine called or change.

[Author]

Posts