Need a help on this.
I am creating Pie chart.
After click on specific part of chart,I want to open another graph from backend(C#).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Highcharts Example</title>
<style type="text/css">
</style>
</head>
<body>
<form runat="server">
<script src="jquery/highcharts.js"></script>
<script src="jquery/highcharts-3d.js"></script>
<script src="jquery/exporting.js"></script>
<script src="jquery/export-data.js"></script>
<div>
<div id="container" style="height: 400px"></div>
</div>
<asp:Label ID="lblScript" Text="" runat="server" />
<br />
<asp:Button ID="btnShowGraph" Text="Show Graph" runat="server" OnClick="btnShowGraph_Click" />
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Graph_Chart
{
public partial class _3D_PieChart_1 : System.Web.UI.Page
{
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["myConnectionString"].ConnectionString);
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// EmployeeUtilization();
}
}
protected void btnShowGraph_Click(object sender, EventArgs e)
{
lblScript.Text= @"<script>Highcharts.chart('container',{chart:{type: 'pie',options3d:{enabled: true,alpha: 45,beta: 0}},title:{text: 'Browser market shares at a specific website, 2014'},"
+"tooltip:{ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},plotOptions:{pie:{allowPointSelect: true,cursor: 'pointer',depth: 35,"
+"dataLabels:{enabled: true,format: '{point.name}'}}},series: [{type: 'pie',name: 'Browser share',data: [['Firefox', 45.0],['IE', 26.8],{name: 'Chrome',y: 12.8,"
+"sliced: true,selected: true},['Safari', 8.5],['Opera', 6.2],['Others', 0.7]]}]});</script>";
}
}
}
