dimanche 1 mars 2015

Dotnet Highchart add javascript function


I want to add a click event on my generated chart. I have the code below:



Highcharts chart = new Highcharts("chart");


chart.InitChart(new DotNet.Highcharts.Options.Chart { DefaultSeriesType = ChartTypes.Bar, Height = 500 })

.SetTitle(new Title { Text = "Nombre de resultat par mois" })
// .SetSubtitle(new Subtitle { Text = "Accounting" })
.SetXAxis(new XAxis { Categories = new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" } })
.SetYAxis(new YAxis { Title = new YAxisTitle { Text = "Nombre de resultats" } })
.SetTooltip(new Tooltip
{
Enabled = true,
Formatter = @"function() { return '<b>'+ this.series.name +'</b><br/>'+ this.x +': '+ this.y; }"
})
.SetPlotOptions(new PlotOptions
{

Line = new PlotOptionsLine
{
Point = new PlotOptionsLinePoint { Events = new PlotOptionsLinePointEvents { Click = "ChartClickEvent" } },
DataLabels = new PlotOptionsLineDataLabels
{
Enabled = true

},
EnableMouseTracking = false

}

})
.SetSeries(new Series { Name = "MySeries", Data = new Data(new object[] { 29.9, 71.5, 106.4, 129.2, 144.0, 148.5, 216.4, 194.1, 95.6, 54.4, 55, 66 }) })
.AddJavascripFunction("ChartClickEvent", @"alert('yyyy'); ");


Everything is working well except from the click event ChartClickEvent. When I click on the chart, it just gives no result - instead of showing alert('yyyy').





Aucun commentaire:

Enregistrer un commentaire