public ActionResult MultiAxis()
{
ChartTypeScatter chart = new ChartTypeScatter()
{
Data = new ScatterData()
{
Datasets = new ScatterDataSets[]
{
new ScatterDataSets()
{
Label = "My First dataset",
BorderColor = "green",
BackgroundColor = "green",
BorderWidth = 2,
XYData = new XYdataItem[]
{
new XYdataItem()
{
X = 12, Y = 12
},
new XYdataItem()
{
X = 2, Y = 45
},
new XYdataItem()
{
X = 21, Y = 78
},
new XYdataItem()
{
X = 64, Y = 59
},
new XYdataItem()
{
X = 54, Y = 25
},
new XYdataItem()
{
X = 78, Y = 88
},
},
YAxisID = "y-axis-1",
},
new ScatterDataSets()
{
Label = "My Second dataset",
BorderColor = "blue",
BackgroundColor = "blue",
BorderWidth = 2,
XYData = new XYdataItem[]
{
new XYdataItem()
{
X = 52, Y = 12
},
new XYdataItem()
{
X = 2, Y = 12
},
new XYdataItem()
{
X = 10, Y = 55
},
new XYdataItem()
{
X = 45, Y = 87
},
new XYdataItem()
{
X = 77, Y = 95
},
new XYdataItem()
{
X = 5, Y = 12
},
},
YAxisID = "y-axis-2",
}
}
},
Options = new ScatterOptions()
{
Scales = new ChartOptionsScales()
{
YAxes = new ChartOptionsScalesAxes[]
{
new ChartOptionsScalesAxes()
{
Display = true,
Position = ConstantPosition.LEFT,
Id = "y-axis-1",
},
new ChartOptionsScalesAxes()
{
Display = true,
Position = ConstantPosition.RIGHT,
Id = "y-axis-2",
GridLines = new ChartOptionsScaleGridLines()
{
DrawOnChartArea = false
}
}
}
},
Title = new ChartOptionsTitle()
{
Display = true,
Text = new string[] { "Chart.js Multi-Axis Scatter Chart" }
}
}
};
ViewBag.Chart = new MvcHtmlString(chart.Draw("myChart"));
ViewBag.chartObj = chart;
return(View());
}
public ActionResult Basic()
{
ChartTypeScatter chart = new ChartTypeScatter()
{
Data = new ScatterData()
{
Datasets = new ScatterDataSets[]
{
new ScatterDataSets()
{
Label = "My First dataset",
BorderColor = "green",
BorderWidth = 2,
XYData = new XYdataItem[]
{
new XYdataItem()
{
X = 12, Y = 12
},
new XYdataItem()
{
X = 2, Y = 45
},
new XYdataItem()
{
X = 21, Y = 78
},
new XYdataItem()
{
X = 64, Y = 59
},
new XYdataItem()
{
X = 54, Y = 25
},
new XYdataItem()
{
X = 78, Y = 88
},
}
},
new ScatterDataSets()
{
Label = "My Second dataset",
BorderColor = "blue",
BorderWidth = 2,
XYData = new XYdataItem[]
{
new XYdataItem()
{
X = 52, Y = 12
},
new XYdataItem()
{
X = 2, Y = 12
},
new XYdataItem()
{
X = 10, Y = 55
},
new XYdataItem()
{
X = 45, Y = 87
},
new XYdataItem()
{
X = 77, Y = 95
},
new XYdataItem()
{
X = 5, Y = 12
},
}
}
}
},
Options = new ScatterOptions()
{
Title = new ChartOptionsTitle()
{
Display = true,
Text = new string[] { "Chart.js Scatter Chart" }
}
}
};
ViewBag.Chart = new MvcHtmlString(chart.Draw("myChart"));
ViewBag.chartObj = chart;
return(View());
}
