Highchart types

Question & Answer
, ,
1

I’m trying to get started with highcharts, and I’ve been using the democentral provided as a starting point. I did some googling, and found that there are many highchart visuals available online (Like this one for example: Multiple KPI gauge Demo | Highcharts) and was wondering is aws has the capability to access these as well, or only the visual examples in the demo ( DemoCentral) Thanks!

1 Like
2

Hi @ineedqshelp

right now QuickSight support the Highchart Core Library. There are more chart types supported than shown in the DemoCentral.

Best regards,
Nico

1 Like
3

Could you send a link of where I can find a list of the charts in the core library?

4

Hi @ineedqshelp

on the left side you can find a list with the core elements.

In this article you can find the limitations of highcharts for quicksight: Using Highcharts - Amazon QuickSight

Here is a list copied from the website:

  • The following JSON values are not supported in the Highcharts Chart code JSON editor:

    • Functions
    • Dates
    • Undefined values

  • Links to GeoJSON files or other images are not supported for Highcharts visuals.

  • Field colors are not available for Highcharts visuals. Default theme colors are applied to all Highcharts visuals.

If this helped you, please mark my answer as solution. That helpes the community to find solutions faster.

Best regards,
Nioc

2 Likes
5

Yes, I see these demos. In the demo code, I notice there a place to put chart type like “heatmap” or “packedbubble,” what do I put if I wanted to get one of the demo charts, or the example in my original question, the multiple kpi gauge (which is in the that highcharts link you sent).

1 Like
6

Hi @ineedqshelp ,

do you need help with the first steps?

In the visuals pane you can find the Highcharts icon (the last one):

image
image671×599 47.1 KB

Click on that icon.

Now you can add multiple dimensions (GROUP BY section) and measures (VALUE section) on the left side ot the picture).

image
image1163×654 34.3 KB

Next step is to edit the code to create your specific visual. Therefore click on the “format visual” button, that is highlighted in the picture.
Now you can expand the Chart code section.

To get example code from your demo (e.g. Multiple KPI gauge Demo | Highcharts) you have to click on the image “Code” button in the right upper corner.

If JSON is new to you, I would suggest to begin with small little changes in the example code from QuickSight.

If this helped you, please mark my answer as solution. That helpes the community to find solutions faster.

Best regards,
Nico

1 Like
7

Yes, I see that. For that demo, that code doesn’t work since it’s a function I believe, but if you can get it to work, I would love to see it. Also, I don’t believe the code for the charts is in JSON, because when I copy and paste it, I get the error that it’s not in JSON format. I had to edit it a bit before it worked.

8

Hi @ineedqshelp ,

you are right, function are not supported, as I mentioned before.

I think the function is used for the icons, not the visual itself. For the visual you need the content in the Highcharts.chart{ section.

And as you can see in the example from QuickSight you have to edit the JSON and add " around every word.

Best regards,
Nico

1 Like