topic Re: Has anyone been able to integrate Chart.js with HubSpot Form Values? in APIs & Integrations

Has anyone been able to integrate Chart.js with HubSpot Form Values?

dimitreliasb — Mon, 17 Aug 2020 14:56:21 GMT

I have a form that the user enters several values and also some claculations happening.

I want to show those results in the form of a chart. Has anyone been able to connect with Chart.js ? I guess my problem is how to fetch the data say on an external landing page.

I am using this snippet and it is changing the value as it should.

What function do I need to try to get the value and send it to the Array in the Chart JS ?

Should something like this work?

var profitMargin = $form.find('input[name="setup_time"]').val();

Thanks in advance for anyone taking a look at this.

Basilios

Re: Has anyone been able to integrate Chart.js with HubSpot Form Values?

WendyGoh — Wed, 19 Aug 2020 06:22:47 GMT

Hey @dimitreliasb,

When looking to change a HubSpot form field, you can do something like this:

hbspt.forms.create({ portalId: 'portalID', formId: 'formID', onFormReady: function($form) { $form.find('input[name="setup_time"]').val("123").change(); } });

Let me know if this works!

Re: Has anyone been able to integrate Chart.js with HubSpot Form Values?

dimitreliasb — Wed, 19 Aug 2020 12:28:10 GMT

Hi, thank you for the response. This does work but I had already akomlished that part and I must have explained it wrong on my question.

onFormReady is probably not what I am looking for and I do not need ot change the value aof the field I am actually tryign to pull the value from the fields from an already submitted form that say I just submited on that page.

Re: Has anyone been able to integrate Chart.js with HubSpot Form Values?

WendyGoh — Thu, 20 Aug 2020 06:52:21 GMT

Hey @dimitreliasb,

Ah thanks for the clarification!

When looking to retrieve the form field value after submission, you can do something like this:

hbspt.forms.create({ portalId: 'portalId', formId: 'formId', onFormSubmitted: function($form) { $form.find('input[name="setup_time"]').val("kitkat2").change(); var testvalue = $form.find('input[name="setup_time"]').val(); console.log(testvalue); }});

Re: Has anyone been able to integrate Chart.js with HubSpot Form Values?

dimitreliasb — Thu, 20 Aug 2020 13:24:48 GMT

Thanks! I used the same approach but used the

onFormReady instead of onFormSubmitted