Back to Questions
639
views2
comments
Cannot set CommonChartConfig elements in Websharper.Charting
websharperwebsharper.chartingwebsharper.chartsjs

I was tyring to use the following code:

1
2
3
4
5

let createChart (returndata : (string * float) list) =
	let c = Chart.Line(data)
    let ccc = CommonChartConfig()
    ccc.Element.Point.Radius <- 0.0
    Renderers.ChartJs.Render(c, Size = Size(1000, 400), Config = ccc)

This code makes the browser (tried several) hang and the cause is setting ccc.Element.Point.Radius.

The Javascript that gets generated is 

1

(ccc={},(ccc.element.point.radius=0,

If I manually change it to 

1

ccc={ elements: { point: { radius: 0} } }

then it does work. (Also note element versus elements.) What would be the right way to deal with this. Also, related, I could not find source code for WebSharper.ChartJs, so not sure if I could submit a fix (assuming this is indeed a bug).

I'm using websharper/charting/chartsjs all versus 4-beta7.

.

Hello

The latest packages are out, so the element vs. elements is fixed now, and you can use your code, as I described in the other comment. Thanks for the report again!

By on 6/26/2017 10:07 AM ()

Hello!

The element vs elements issue was fixed in ChartJS, it will be released soon.

But unfortunately that won't fix your problem here. The problem is that when you create CommonChartConfig() like this, it will create an empty object. This is the default object, which means, that it doesn't overwrite anything. As you can see the Element.Point.Radius is a nested configuration object layout, and here the translated code will fail. Because the default object is created as an empty object (which is actually correct in js, because passing an empty object will use the default settings). In this situation you can use the CommonChartConfig` like this:

1
2
3
4
5
6
7
8
9

let ccc = 
    CommonChartConfig(
 	 Elements = ElementConfig(
	  	Point = PointConfig(
			Radius = 0.0    
		)
	)
   )

About the last question: WebSharper.ChartJS is a premium extension, so it's sourcecode is not available, WebSharper.Charting is an overlay on this, which uses ChartJS as a rendering engine.

By on 6/22/2017 10:15 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper