Discussions

Expand all | Collapse all

How to access Quickbase's High Chart API?

  • 1.  How to access Quickbase's High Chart API?

    Posted 08-27-2017 18:14
    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


  • 2.  RE: How to access Quickbase's High Chart API?

    Posted 08-28-2017 16:13
    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.


  • 3.  RE: How to access Quickbase's High Chart API?

    Posted 03-06-2018 17:08
    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


  • 4.  RE: How to access Quickbase's High Chart API?

    Posted 03-07-2018 12:49
    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