var $CHART$_1 = []; var $CHART$_2 = []; var $CHART$_3 = []; var $CHART$_4 = []; generateChartData(); function generateChartData() { var firstDate = new Date(); firstDate.setDate( firstDate.getDate() - 500 ); firstDate.setHours( 0, 0, 0, 0 ); for ( var i = 0; i < 500; i++ ) { var newDate = new Date( firstDate ); newDate.setDate( newDate.getDate() + i ); var a1 = Math.round( Math.random() * ( 40 + i ) ) + 100 + i; var b1 = Math.round( Math.random() * ( 1000 + i ) ) + 500 + i * 2; var a2 = Math.round( Math.random() * ( 100 + i ) ) + 200 + i; var b2 = Math.round( Math.random() * ( 1000 + i ) ) + 600 + i * 2; var a3 = Math.round( Math.random() * ( 100 + i ) ) + 200; var b3 = Math.round( Math.random() * ( 1000 + i ) ) + 600 + i * 2; var a4 = Math.round( Math.random() * ( 100 + i ) ) + 200 + i; var b4 = Math.round( Math.random() * ( 100 + i ) ) + 600 + i; $CHART$_1.push( { date: newDate, value: a1, volume: b1 } ); $CHART$_2.push( { date: newDate, value: a2, volume: b2 } ); $CHART$_3.push( { date: newDate, value: a3, volume: b3 } ); $CHART$_4.push( { date: newDate, value: a4, volume: b4 } ); } } AmCharts.makeChart( "$CHART$", { type: "stock", dataSets: [ { title: "first data set", fieldMappings: [ { fromField: "value", toField: "value" }, { fromField: "volume", toField: "volume" } ], dataProvider: $CHART$_1, categoryField: "date" }, { title: "second data set", fieldMappings: [ { fromField: "value", toField: "value" }, { fromField: "volume", toField: "volume" } ], dataProvider: $CHART$_2, categoryField: "date" }, { title: "third data set", fieldMappings: [ { fromField: "value", toField: "value" }, { fromField: "volume", toField: "volume" } ], dataProvider: $CHART$_3, categoryField: "date" }, { title: "fourth data set", fieldMappings: [ { fromField: "value", toField: "value" }, { fromField: "volume", toField: "volume" } ], dataProvider: $CHART$_4, categoryField: "date" } ], panels: [ { showCategoryAxis: false, title: "Value", percentHeight: 70, stockGraphs: [ { id: "g1", valueField: "value", comparable: true, compareField: "value", balloonText: "[[title]]:[[value]]", compareGraphBalloonText: "[[title]]:[[value]]" } ], stockLegend: { periodValueTextComparing: "[[percents.value.close]]%", periodValueTextRegular: "[[value.close]]" } }, { title: "Volume", percentHeight: 30, stockGraphs: [ { valueField: "volume", type: "column", showBalloon: false, fillAlphas: 1 } ], stockLegend: { periodValueTextRegular: "[[value.close]]" } } ], chartScrollbarSettings: { graph: "g1" }, chartCursorSettings: { valueBalloonsEnabled: true }, periodSelector: { position: "left", periods: [ { period: "MM", selected: true, count: 1, label: "1 month" }, { period: "YYYY", count: 1, label: "1 year" }, { period: "YTD", label: "YTD" }, { period: "MAX", label: "MAX" } ] }, dataSetSelector: { position: "left" } } );