[Rendering Issue in Safari]

So, as it turns out, this was due to the existence of the <base href="/"> tag used by JS MVC frameworks, which causes issues with SVG fills.

 

Fixing it involved forcing the urls for fills to an absolute path that matched the full current url of the app. 

[Rendering Issue in Safari]

I'm running into an issue rendering jchartfx in Safari. When the chart is loaded with coreVector, the colors and gradients aren't rendering, creating a chart that has a black background, and black bar graphs.

 

When the same data is used to with coreBasic, the chart renders as expected, and when rendered with coreVector3d, the chart renders the 3d components as expected, but the background is still black.

 

Further, this odd rendering only occurs when I have a query parameter in the url, even when the query is otherwise unused & unrelated to the app. When rendered in Chrome or Firefox, the results are a flattened chart similar to coreBasic, instead of the expected gradient rendering.

 

I've attached the rendered HTML, which is produced via an Ember MVC app, as well as screenshots of all the different charts produced. As it's an app, the jchartfx source in consolidated in the vendor.js file, but includes jchartfx.system.js, jchartfx.coreVector, jchartfx.coreVector3d & jchartfx.animation.js.

 

I've been digging at this for some time now, so I'm hoping I've just missed something.

 

Thanks is advance.

index-safari.html