This group is for the Google Visualization API, not jqChart. You will
likely have better luck asking for help on the jqChart
forum<http://www.jqchart.com/forum/>or on
StackOverflow <http://stackoverflow.com/>.
On Wednesday, April 23, 2014 2:41:59 AM UTC-4, vinod sharma wrote:
>
>
> i'm facing same problem i can't able to pagination inside my chart i'm
>> using jqchart suggest me with my code what i implement to my code..
>
>
>
> <div id="vks">
> <tr>
> <td>
> @{
> var data =
> (List<ServiceMVC4RIA.Animatedmodel.CollectionDateWise>)TempData["list"];
>
>
>
> var mySubAL = data.GetRange(0, 5);
>
> //foreach (var value in data)
> // {
> // Console.WriteLine(value);
> // }
>
>
>
>
>
> //IEnumerable<ServiceMVC4RIA.Animatedmodel.CollectionDateWise> aa =
> c.Take(5).ToList();
>
> }
>
>
>
> @(Html.JQChart()
> .Chart(mySubAL)
> .ID("jqChart")
> .Width(500)
> .Height(500)
> .Title("Column Chart Colors")
> .Animation(TimeSpan.FromSeconds(2))
> .Shadows(true)
> .Series(series =>
> {
> series.Column()
> .Title("Series 1")
> .XValues(el => el.InvoiceDate)
>
> .YValues(el => el.AmountReceived)
> .FillStyles(new object[] { "#418CF0", "#FCB441",
> "#E0400A", "#056492", "#BFBFBF", "#1A3B69", "#FFE382" });
> }
> )
> .Render()
> )
>
>
> </td>
> </tr>
> </div>
>
>
> <div id="jqChart" style="width: 500px; height: 300px;"> <br />
> <input id="buttonAddPoint" type="button" value="Add new point" />
> <input id="buttonRemovePoint" type="button" value="Remove last point"
> />
> <br />
> </div>
>
>
>
> </body>
> </html>
>
> <script type="text/javascript">
>
> // $('.jqplot-xaxis-tick').each(function () {
>
> // alert("WHAT IS THIS");
>
> // var label = $(this),
> // value = label.text();
> // if (categorylinks[value]) {
> // label.click(function () {
>
> // alert('could link to another page: ' +
> categorylinks[value]);
> // });
> // }
> // });
>
> function getRandomData() {
>
> var data = [];
>
> for (var i = 0; i < 20; i++) {
> data.push([i, Math.round(Math.random() * 100)]);
> }
>
> return data;
> }
>
>
>
>
> $('#buttonAddPoint').click(function () {
> alert("add data");
>
> // get current series
> var series = $('#jqChart').jqChart('option', 'series');
>
> var newSeries = {
>
> data: getRandomData()
> };
>
> series.push(newSeries);
>
> alert("add data1");
> // get the data from the first series
> //var data = series[0].data;
>
> // add new data item
> //data.push(Math.round(Math.random() * 100));
>
>
> // update (redraw) the chart
> $('#jqChart').jqChart('update');
> });
>
> $('#buttonRemovePoint').click(function () {
>
> // get current series
> var series = $('#jqChart').jqChart('option', 'series');
>
> // get the data from the first series
> var data = series[0].data;
>
>
>
> // remove the last data item
> data.splice(data.length - 1, 1);
>
> // update (redraw) the chart
> $('#jqChart').jqChart('update');
> });
>
>>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
