How to access Quickbase's High Chart API?

  • 0
  • 1
  • Question
  • Updated 8 months ago
  • In Progress
I am trying to do some development with the QuickBase High Chart API. I am assuming since QuickBase reports use the API, that it would be possible to access the API with javascript. 


I created a code Page in QuickBase that is opened through a URL field. I want to create a custom Chart in this page using all of High Chart features and methods. 

My Question: 
How do I access the High Chart API in a QuickBase page? I can download the High Chart library, but I don't want to pay for a license. I am assuming since QuickBase uses High Chart, that the licence and Library are already in Quickbase.

How can I access the High Chart API from Quickbase without downloading the library from the website? 

Thank you ,
Paul
Photo of Paul Trimor

Paul Trimor

  • 488 Points 250 badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,572 Points 20k badge 2x thumb
Within a code page you can do this:

<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/highcharts.js"></script>
<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/highcharts-more.js"></script>
<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/modules/exporting.js"></script>
<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/modules/solidgauge.js"></script>
<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/modules/funnel.js"></script>
<script src="https://assets.quickbasecdn.net/res/8f49139-16/js/highcharts/adapters/standalone-framework.js"></script>

However, after a period of time these URLs will disappear as the identifier "8f49139-16" refers to a version of a QuickBase release. When new releases come out QuickBase retires the older URLs. So you best be is to copy these files to code pages:

<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=highcharts.js"></script>
<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=highcharts-more.js"></script>
<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=exporting.js"></script>
<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=solidgauge.js"></script>
<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=funnel.js"></script>
<script src="https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=standalone-framework.js"></script>

Note if you see some oddly formatted HTML above it was introduced through pasting code into the forum.
Photo of Nicole Hanson

Nicole Hanson

  • 60 Points
Hello Dan,

I have a very similar question. I am about to hire a developer to put a HighCharts chart onto my Quickbase dashboard. The developer is unsure if a licence is needed from HighCharts to do this. Based on your answer above, it looks like it is possible to use all of the HighCharts features without a HighCharts developer licence.

Can you answer my question once and for all: if my developer uses a code page to place a HighCharts chart that is not included in native Quickbase on my dashboard, do I need a developer license from Highcharts?

Thanks,
Nicole
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,272 Points 20k badge 2x thumb
I believe that QuickBase users can develop custom charts using the HighCharts API but this is my personal opinion and you should seek a more authoritative answer from QuickBase.

I will also volunteer that charts and visualization capabilities have exploded over the last few years. The native charting capabilities implemented in QuickBase are adequate for general business purposes but they represent just the tip of the iceberg of what is possible. All of the charts (and more) in HighChart's demo gallery can be bound to QuickBase data:

https://www.highcharts.com/demo