AxisTick at = new AxisTick(); //By assigning a token as the value, the axis tick can update if chart data changes. at.Value = "%average"; at.Label.Text = "Agv: %value"; replicaAxis.ExtraTicks.Add(at); at = new AxisTick(); at.Value = "%max"; at.Label.Text = "Max: %max"; replicaAxis.ExtraTicks.Add(at);
Chart.AxisCollection.Add(replicaAxis);
// *DYNAMIC DATA NOTE* // This sample uses random data to populate the chart. To populate // a chart with database data see the following resources: // - Classic samples folder // - Help File > Data Tutorials // - Sample: features/DataEngine.aspx SeriesCollection mySC = getRandomData();
mySC[2][2].JsID = "myDynamicPoint";
// Add the random data. Chart.SeriesCollection.Add(mySC);
}
SeriesCollection getRandomData() { SeriesCollection SC = new SeriesCollection(); Random myR = new Random(1); for (int a = 1; a < 5; a++) { Series s = new Series(); s.Name = "Series " + a.ToString(); for (int b = 1; b < 5; b++) { Element e = new Element(); e.Name = "Element " + b.ToString(); e.YValue = myR.Next(50); s.Elements.Add(e); } SC.Add(s); }
return SC; } </script> <script type="text/javascript"> var val = 60; var updateChart; function callbackFunc(chart) { updateChart= function () { var point = chart.series().points("myDynamicPoint"); val = (val == 60) ? 20 : 60; point.options({ y: val }); } } </script> </head> <body> <div align="center"> <dotnet:Chart ID="Chart" runat="server"/> </div> <div align="center" style="margin-right:130px;"> <input type="button" value="Update Data" onclick="updateChart()" /> </div> </body> </html>
Dim replicaAxis As Axis = Chart.YAxis.Calculate("", True, dotnetCHARTING.Orientation.Right)
Dim at As AxisTick = New AxisTick() 'By assigning a token as the value, the axis tick can update if chart data changes. at.Value = "%average" at.Label.Text = "Agv: %value" replicaAxis.ExtraTicks.Add(at) at = New AxisTick() at.Value = "%max" at.Label.Text = "Max: %max" replicaAxis.ExtraTicks.Add(at)
Chart.AxisCollection.Add(replicaAxis)
' *DYNAMIC DATA NOTE* ' This sample uses random data to populate the chart. To populate ' a chart with database data see the following resources: ' - Classic samples folder ' - Help File > Data Tutorials ' - Sample: features/DataEngine.aspx Dim mySC As SeriesCollection = getRandomData()
mySC(2)(2).JsID = "myDynamicPoint"
' Add the random data. Chart.SeriesCollection.Add(mySC)
End Sub
Function getRandomData() As SeriesCollection Dim SC As SeriesCollection = New SeriesCollection() Dim myR As Random = New Random(1) For a As Integer = 1 To 4 Dim s As Series = New Series() s.Name = "Series " & a.ToString() For b As Integer = 1 To 4 Dim e As Element = New Element() e.Name = "Element " & b.ToString() e.YValue = myR.Next(50) s.Elements.Add(e) Next b SC.Add(s) Next a
Return SC End Function </script> <script type="text/javascript"> var val = 60; var updateChart; function callbackFunc(chart) { updateChart= function () { var point = chart.series().points("myDynamicPoint"); val = (val == 60) ? 20 : 60; point.options({ y: val }); } } </script> </head> <body> <div align="center"> <dotnet:Chart ID="Chart" runat="server"/> </div> <div align="center" style="margin-right:130px;"> <input type="button" value="Update Data" onclick="updateChart()" /> </div> </body> </html>
Previous