[swarrenParticipant]

@hristo,
Here is a toned down an example as I could come up with:

https://jsfiddle.net/p3ejgu2t/

See how the blue line is overwritten by the red line after “2”. This is the same problem we have but in this case we have 15 series.

In this example you can see how “6” over writes the blue line completely:

https://jsfiddle.net/uq96ca2r/1/

[swarrenParticipant]

@hristo, they don’t have different data and they alternate between 0% and 100%. It’s just the way the data works out in this case. Other versions of this same report have degrees but occasionally we run into one of these.

[swarrenParticipant]

Christoper,
See how in the second image the colored line (there must be a name for that) goes through the text. That was the problem I should have explained better. It looks like it’s not a problem with the version of the library you’re using on JSFiddle so we’ll have to upgrade to the new version.

However, something doesn’t look right when I change labelRadius to 180 (in the JSFiddle). The green line looks like it’s pointed to 0.943 and the blue line looks like it’s pointed to 1.415. My client will complain about that. Is there any way to fix it without turning off labelLinesAngles?

[swarrenParticipant]

Here’s my example:
http://jsfiddle.net/swarrenzimconet/k469n2hs/1/

[swarrenParticipant]

Thank you!!!

For anyone else interested, I had to set the following on my series:

radius: 90,
labelRadius: 100,

[swarrenParticipant]

Dimitar,
Thanks for answer my question. In several cases this causes the line to go through the numbers. I can’t figure out how to fix this now. 🙂

[swarrenParticipant]

Dimitar,
Thanks for pointing me in the right direction. For anybody else looking for the answer to this problem, I added another datafield with a ‘-data’ but the same start as the percentage value and but didn’t add it as a series. Then I used the following in the series:

toolTipFormatFunction: function(value, itemIndex, series, group, categoryValue, categoryAxis){
    var returnVal = series.dataField + ', ';
    returnVal += ' - ' + data[itemIndex][series.dataField + '-data'];
    return returnVal;
}

[swarrenParticipant]

In case anyone else finds this, I was pulling data from a JSON source and had the date field formatted like ‘yyyy-MM-dd’. In the datafields for the data source I had to add a format option to the field or it was being adjusted based on my current timezone:

{name:’dueDate’, type: ‘string’, format: ‘yyyy-MM-dd’},

[swarrenParticipant]

Adding the baseUnit property fixed the problem. Thanks!

[swarrenParticipant]

I found my own answer. I should have thought of this sooner :-):

$('#panel').scroll(function(){
var element = $(this);

if(element.scrollLeft() > 10){
$('#mainSplitter').jqxSplitter('collapseAt', 0);
}
});

[Author]

Posts