Chart Lines appear with Shading and inconsistent line thickness

ATH-1930 (For my company's developers)

Version: 15.3.0.29
Chrome Version: 69.0.3497.92
Data Series: See ExportedData.xlsx in zip.
Chart Properties:
canresize: true,
enableCanvasRendering: false,
title: { font: { size: "12" } },
locale: "en-gb",
series: chartSeriesCollection,
size: { height: "350",  width: "100%" },
commonSeriesOptions: {
    xName: "timestamp",
    yName: "value",
    enableAnimation: false,
    tooltip: { visible: true }
},
sideBySideSeriesPlacement: false,
primaryXAxis: {
     valueType: "datetime",
     labelFormat: labelFormatObject,
     font: { size: "9" },
     majorGridLines: { visible: false },
     labelRotation: labelRotationObject,
     intervalType: intervalTypeObject,
     rangePadding: rangePaddingObject,
     labelIntersectAction: "Hide",
     edgeLabelPlacement: edgeLabelPlacementsObject,
     maximumLabels: maximumLabelsObject
},
primaryYAxis: {
    range: primaryYRangeObject,
    title: {
        text: primaryYAxisTitle,
        visible: primaryYAxisVisible,
        font: { size: 11 },
        enableTrim: true,
        textOverflow: "trim"
    },
    valueType: "double",
    font: { size: "9" },
    visible: hasPrimaryYAxis
},
chartAreaBoundsCalculate: function() {
    chartHasLoadedFunction();
},
legend: {
    visible: legendVisible,
    alignment: "Center",
    size: { height: legendHeight },
    columnCount: legendColumnCount,
    itemPadding: itemPadding
},


In the screenshot inside ther zip using the properties mentioned above we were able to get some chart lines that seem to be 'smudging' as seen in the screenshot provided.

Wondering whether this is something which has been seen before and perhaps is something fixed in future versions of the ejChart?

We are only having this issue with the latest chrome.

Attachment: chartwithshading_5293819c.zip

1 Reply

DD Dharanidharan Dharmasivam Syncfusion Team September 17, 2018 01:13 PM UTC

Hi Scott, 

Greetings from Syncfusion. 

We have analyzed your query with the provided screenshots. We have tried to replicate the reported scenario at our end, we are afraid that we can’t replicate the issue at our end and the chart is rendering properly at our end.  Sample used for testing can be find from below. 


Screenshot: 
 

In the above sample we have used the Date/Time column for x axis and CPU Utilization for y axis of 1st series from the given file (ExportedData.xslx). And we have added data for other series manually. We suspect that the issue is replicated for some data set. So, could you please try to replicate the issue with the attached sample or provide you sample with replication steps. Also, if possible kindly share the entire data source for all the series, this will be helpful in further analysis of the reported issue and provide you the solution sooner. 

Thanks, 
Dharani. 



Loader.
Up arrow icon