topic Re: Pop-up window - mediaInfos - linechart values in ArcGIS JavaScript Maps SDK Questions

Pop-up window - mediaInfos - linechart values

MaryWindsor — Tue, 01 Jul 2014 18:58:38 GMT

Does anyone know what parameters for the values are needed for the linechart?

https://developers.arcgis.com/javascript/jshelp/intro_popuptemplate.html says that
the values are dependent on the type of chart.
Although I find info on piecharts and barcharts, I cannot find what type of format the values take for the linechart.

I'm looking for a date to go on the x-axis and numbers to go on the y-axis.

Thanks,

Mary

Re: Pop-up window - mediaInfos - linechart values

TracySchloss — Wed, 02 Jul 2014 15:38:48 GMT

When I was trying to create some charts, I found these sites to be useful:

http://www.ibm.com/developerworks/library/wa-moredojocharts/

http://www.sitepen.com/blog/2012/11/09/a-beginners-guide-to-dojo-charting-with-amd-part-1-of-2/#more-5407

http://www.sitepen.com/blog/2012/11/09/dive-into-dojo-charting-again/

Re: Pop-up window - mediaInfos - linechart values

MaryWindsor — Tue, 08 Jul 2014 19:37:24 GMT

The parameters I put in mediaInfos worked to make a piechart. After I switched the chart type to linechart, the linechart showed up but incorrectly placed the line. Without documentation, I'm not sure if there is a certain way to state parameters for the linechart so the data shows up correctly (Ex. x-axis values vs. y-axis values).

On the other hand, dojox charting seems to have additional formatting options which can be useful.

Along with looking at the sources provided, I came across this example using dojox: Info window with chart | ArcGIS API for JavaScript‌

I'll see what I can do.

Thanks for your help!

Re: Pop-up window - mediaInfos - linechart values

TracySchloss — Tue, 08 Jul 2014 20:00:13 GMT

There is not room to put my whole code and it's not in production so I can't share it with you. I have no idea how to navigate well in this new forum, I could barely get logged in, it took multiple tries to get this far, Some things like yearList and rateList are the results of a queryTask, populated earlier in the code. At least you have an idea of some syntax for the axes.

var lineChart = new Chart2D("chartDiv", {

title: chartTitle,

titlePos:"bottom",

titleGap: 12,

titleFont: "normal normal normal 13pt Arial"

});

lineChart.addPlot("default", {

type: "Lines",

markers: true,

hAxis: "x",

vAxis: "y"});

lineChart.addAxis("x", {

title:"Rates by Year",

titleOrientation:"away",

labels: yearList,

font: "normal normal normal 9pt Arial",

majorLabels: true,

minorTicks: false,

minorLabels: false,

microTicks: false });

lineChart.addAxis("y", {

title:rateNote,

vertical: true,

fixLower: "major",

fixUpper: "major",

min: 0,

max: axisMax,

minorTicks: false,

minorLabels: true});

lineChart.addSeries("Series 1", rateList, {

stroke: { color: "red", width: 2 }

}

);

var tip = Tooltip(lineChart, "default", {

text : function(o) {

var yr = yearList[o.x].text;

var yrList = parseInt(yr) - 1;

return ( yrList +'<br>' + o.y );

}

});

lineChart.render();

Re: Pop-up window - mediaInfos - linechart values

MaryWindsor — Wed, 23 Jul 2014 20:05:43 GMT

Thanks, Tracy!

I was able to get a line chart to work in my pop-up using dojo charting options.

Now it looks like I'll have to do a querytask as well for multiple rows of data for matching dates to show up for one feature layer.

Mary