Hi,
Trying to bind data to Highchart & display but couldn't show on webpage.
- $(document).ready(function () {
- $.ajax({
- url: '@Url.Action("getChartData", "Default")',
- dataType: 'json',
- type: 'GET',
- success: function (resData) {
- debugger;
- let dataArray = new Array();
- for (let i in resData) {
- let series = new Array(resData[i].ProductName, resData[i].ProductSales);
- dataArray.push(series);
- }
- drawChart(dataArray);
- },
- error: function () {
- alert('server could not process request');
- }
- });
- });
- function drawChart(resData) {
- debugger;
- $('#highchartData').highcharts({
- chart: {
- type: "column"
- },
- title: {
- text: 'Product Sales for year 1997'
- },
- series: {
- data: resData
- },
- plotOptions: {
- column: {
- dataLabels: { enabled: true }
- }
- },
- xAxis: {
- scrollbar: {
- enabled: true
- },
- },
- credits: {
- enabled: false
- },
- tooltip: {
- pointFormat: '{series.name}: {point.percentage:.1f}%'
- }
- });
- }
data returned from c# code as shown below.
graph doesn't show up
Couldn't figure out my mistake, your response is appreciated. Thanks
L APosted Nov 3, 2017, 10:01 AM
Nilesh PatilPosted Nov 3, 2017, 12:34 AM