Adding D3 graph/gauge

Hello,

I am having trouble adding a d3 gauge and graph to my JQuery app. I have done the following steps but it's still not showing up:

1. Added the d3js library by going to Project->app settings->user defined resources-> added : "https://d3js.org/d3.v5.js"

2. Created a new JS file and added the following js code from - http://jsfiddle.net/zm5p9LLe/19/ (not including the "loadLiquidFillGauge("fillgauge1", 45.34);")

3. Created an html component:

4. Added JS to a page show event:
var target2 = document.getElementById('fillgauge1'); // your canvas element
var liqgauge = loadLiquidFillGauge(target2, 45.34);

Yet I still don't see the gauge. Any idea what I might be doing wrong?

Thanks!

Yoni
1 person has
this question
+1
Reply