How Do Obtain HighChart Insight?

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Doesn't Need an Answer
  • (Edited)
How Do Obtain HighChart Insight?

This is an often sought after life skill. Here is how you do it:

Create a chart in your application and display it:

https://login.quickbase.com/db/6ewwzuuj?a=q&qid=1000113



Next open the console (press F12) and paste these commands:

var chart = Highcharts.charts[0];
var options = chart.options;
var jsonString = JSON.stringify(options, null, "  ")
$("<textarea>").css({width: "100%", height: "200px"}).html(jsonString).prependTo("body");

These commands will slap a <textarea> onto the top of the page and fill it with all the data that is responsible for uniquely defining your chart.




Copy this data to your clipboard and Paste it into the Text tab of the JSON Viewer at this URL

http://jsonviewer.stack.hu/

If you now switch to the Viewer tab you can visually explore the structure of all the options that defined your QuickBase rendered chart in preparation for modifying it.



Enjoy!
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,572 Points 20k badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,756 Points 5k badge 2x thumb
Awesome. I will try this :)

Thanks Dan for contributing this.

Gaurav Sharma