topic Chart options in webapp builder in ArcGIS Web AppBuilder Questions

Chart options in webapp builder

GUNASEKARANJOSEPH_IRWIN — Mon, 05 Feb 2018 15:43:38 GMT

Is there anyway I can create a chart as follows in the webapp builder?any custom widget available?.

Re: Chart options in webapp builder

DerekLaw — Tue, 06 Feb 2018 23:41:23 GMT

Hi Gunasekran,

Charting capabilities in Web AppBuilder are enabled with the Infographic widget,

Infographic widget—Web AppBuilder for ArcGIS | ArcGIS

Although, I don't think it can render exactly what your image shows. I know this is possible in Operations Dashboard for ArcGIS with the Serial Chart element.

Hope this helps,

Re: Chart options in webapp builder

JOSEPH_IRWINGUNASEKARAN — Wed, 07 Feb 2018 13:17:59 GMT

Hi Derek,

Thank you. It is a mixed chart with a line(Y) and a bar(x) .Is there any way I can insert the js into the chart widget.I don’t know where I can insert my custom code taken from a chart.js

Just as below.

var myChart = new Chart(ctx, {

type: 'bar',

data: data,

options: options

});

At this point we have a standard bar chart. Now we need to convert one of the datasets to a line dataset.

var mixedChart = new Chart(ctx, {

type: 'bar',

data: {

datasets: [{

label: 'Bar Dataset',

data: [10, 20, 30, 40]

}, {

label: 'Line Dataset',

data: [50, 50, 50, 50],

// Changes this dataset to become a line

type: 'line'

}],

labels: ['January', 'February', 'March', 'April']

options: options

});

Please let me know ,if there is any possibilities.

Thank you

Joseph Irwin.

Re: Chart options in webapp builder

DerekLaw — Thu, 08 Feb 2018 04:24:28 GMT

Hi Joseph,

Sorry, I am not a developer - so I can't help with your question. I suggest you re-post your 2nd post as a new question in this forum, Web AppBuilder Custom Widgets.

Also, since you mentioned,

> It is a mixed chart with a line(Y) and a bar(x)

Ops Dashboard does not support mixed charts. I thought your lines were guideline markings for the bar chart.

Hope this helps,