canvasjs preview

[XAOPT]

it would be great to be able to customize charts “on the fly”.
I published an example of how this can be implemented: https://github.com/XAOPT/canvasjs-preview
Screenshot: http://oi59.tinypic.com/vghjeo.jpg
With that tool I noted that undesirable effect: http://jsfiddle.net/knj020mx/1/ . Markers doesn’t have border in legend.

[Sunil Urs]

Legend is not appearing properly because markerColor has been set to white. Works properly if we comment it out. http://jsfiddle.net/knj020mx/2/

[XAOPT]

Yes, sure, but markerBorderColor color was set to red and markerBorderThickness at 1. Looks nice at chart, but not in legend.

Thank you for your answer.

• This reply was modified 10 years, 4 months ago by XAOPT.

[Daniel Silva]

Great work.
I have taken a different approach:
http://dreamfalcon.com/img/edit1.PNG
http://dreamfalcon.com/img/edit2.PNG

[XAOPT]

About subject, in my case (v1.5.0 Beta 1):

            
if ("pie" !== h.type && "doughnut" !== h.type && "funnel" !== h.type) k = {
    markerType: k,
    markerColor: m,

Replace with:

           
if ("pie" !== h.type && "doughnut" !== h.type && "funnel" !== h.type) k = {
    markerBorderColor: h._colorSet[0]
    markerType: k,
    markerColor: m,

I.drawMarker(f + r / 2, g + this.lineHeight / 2, this.ctx, k.markerType, r, k.markerColor, null, 0);
replace with
I.drawMarker(f + r / 2, g + this.lineHeight / 2, this.ctx, k.markerType, r, k.markerColor, k.markerBorderColor, 1);

• This reply was modified 10 years, 4 months ago by XAOPT.