345
Views
5
Comments
Solved
Implementing 3d Highcharts
Question

Good day to everyone I'm not sure if this is the right place to ask this but I would like to ask how you guys implement 3d on your highcharts? I followed this sample.

https://jsfiddle.net/highcharts/FKKz9/?utm_source=website&utm_medium=embed&utm_campaign=FKKz9

So i included highcharts-3d.js by putting him in a unescaped expression on a webblock.

I get the error as shown in the image (Uncaught TypeError: Cannot read property 'push' of undefined)


Basically I just AdvancedFormat_Init to a basic pie chart but i keep getting that error?  Thank you in advance guys any help will be highly appreciated :)

"chart: {
            type: 'pie',
            options3d: {
                enabled: true,
                alpha: 45,
                beta: 0,
            }
        },
        plotOptions: {
            pie: {
                depth: 25
            }
}"
Chart.JPG
UserImage.jpg
Clintjie Lo
Solution

Hi guys i was able to implement it in 3d by following this guide.

https://www.outsystems.com/forums/discussion/18662/javascript-and-j-query/

Basically i added an updated highcharts.js to data > resource (deploy to target directory)

than from dependencies HTTPRequestHandler > get run Javascript Tag then you just add the runtime path to it.

And now it doesn't get detected as a duplicate (https://www.highcharts.com/errors/16) and the chart looks the same as the jsfiddle link i shared.

But if there's a better way to upgrade highcharts version please share thank you guys for you help :)

Chart3d.JPG
2022-10-20 02-09-39
JeffT
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Clintjie,

OutSystems uses a specific version of HighCharts, which may not be compatible with the highcharts-3d.js you are including.

UserImage.jpg
Clintjie Lo

Kilian Hekhuis wrote:

Hi Clintjie,

OutSystems uses a specific version of HighCharts, which may not be compatible with the highcharts-3d.js you are including.

Hi there Kilian so is there a way I could upgrade my highcharts version? Because I tried to include a more updated highcharts version but I get error #16 says that "Highcharts is already defined in the page"

https://www.highcharts.com/errors/16


UserImage.jpg
Clintjie Lo
Solution

Hi guys i was able to implement it in 3d by following this guide.

https://www.outsystems.com/forums/discussion/18662/javascript-and-j-query/

Basically i added an updated highcharts.js to data > resource (deploy to target directory)

than from dependencies HTTPRequestHandler > get run Javascript Tag then you just add the runtime path to it.

And now it doesn't get detected as a duplicate (https://www.highcharts.com/errors/16) and the chart looks the same as the jsfiddle link i shared.

But if there's a better way to upgrade highcharts version please share thank you guys for you help :)

Chart3d.JPG
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Nice to see you got it solved, and thanks for letting us know!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.