public void ChartColors()
{
var setup = new HighchartsSetUp("myChart").Colors("#4572A7", "#AA4643", "#89A54E", "#80699B", "#3D96AE", "#DB843D", "#92A8CD", "#A47D7C", "#B5CA92");
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
},
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
]
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void ChartColors()
{
var setup = new HighchartsSetUp("myChart").Colors("#4572A7", "#AA4643", "#89A54E", "#80699B", "#3D96AE", "#DB843D", "#92A8CD", "#A47D7C", "#B5CA92");
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
},
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
]
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void EmptySetUp()
{
HighchartsSetUp setup = new HighchartsSetUp("myChart");
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void EmptySetUp()
{
HighchartsSetUp setup = new HighchartsSetUp("myChart");
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void ExportAndPrintDisabled()
{
var setup = new HighchartsSetUp("myChart").Exporting(ex => ex.Buttons(b => b.ExportButton(eb => eb.Hide()).PrintButton(pb => pb.Hide())));
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
},
exporting: { buttons: { exportButton: { enabled: false }, printButton: { enabled: false } }}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void ChartSettingsTest()
{
var setup = new HighchartsSetUp("myChart")
.Settings(x => x.BackgroundColor("#000"));
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart',
backgroundColor: '#000'
}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void ChartSettingsTest()
{
var setup = new HighchartsSetUp("myChart")
.Settings(x => x.BackgroundColor("#000"));
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart',
backgroundColor: '#000'
}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void FullSetUp()
{
HighchartsSetUp setup = new HighchartsSetUp("myChart")
.WithSerieType(ChartSerieType.Line)
.Title("The title")
.Subtitle("This is the subtitle")
.AxisY("Months")
.AxisX("Jan", "Fev")
.Credits(x => x.Hide())
.Legend(x => x.Position(y => y.Center()))
.Options(
PlotOptions.Series.NoAnimation()
)
.Series(
new PieSerie("Tickets", new int[] { 2, 5})
)
.Tooltip(x => x.Crosshairs());
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart',
type: 'line'
},
title: { text: 'The title' },
subtitle: { text: 'This is the subtitle' },
yAxis: {
title: { text: 'Months' }
},
xAxis: { title: { text: 'Jan' }, categories: [ 'Fev' ] },
credits: { enabled: false },
legend: { align: 'center' },
plotOptions: {
series: { animation: false }
},
tooltip: { crosshairs: true },
series: [
{ name: 'Tickets', type: 'pie', data: [ 2, 5 ] }
]
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void PrintDisabled()
{
var setup = new HighchartsSetUp("myChart").Exporting(ex => ex.Buttons(b => b.PrintButton(pb => pb.Hide())));
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart'
},
exporting: {
buttons: {
printButton: {
enabled: false
}
}
}
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void FullSetUp()
{
HighchartsSetUp setup = new HighchartsSetUp("myChart")
.WithSerieType(ChartSerieType.Line)
.Title("The title")
.Subtitle("This is the subtitle")
.Settings(x =>
x.BackgroundColor("#eee")
)
.AxisY(x =>
x.Title("Months", y =>
y.Align(AxisTitleAlignment.High)
)
)
.AxisX(x =>
x.Title("Months", y =>
y.Rotation(180)
)
)
.Credits(x => x.Hide())
.Legend(x => x.Position(y => y.Center()))
.Options(x =>
{
x.Series.NoAnimation();
})
.Series(
new PieSerie("Tickets", new int[] { 2, 5 })
)
.Tooltip(x =>
x.Crosshairs()
.Formatter("return 'Hello'")
);
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart',
type: 'line',
backgroundColor: '#eee'
},
title: { text: 'The title' },
subtitle: { text: 'This is the subtitle' },
xAxis: {
title: {
text: 'Months',
rotation: 180
}
},
yAxis: {
title: {
text: 'Months',
align: 'high'
}
},
plotOptions: {
series: { animation: false }
},
credits: { enabled: false },
tooltip: {
formatter: function() { return 'Hello' },
crosshairs: true
},
legend: { align: 'center' },
series: [
{ name: 'Tickets', type: 'pie', data: [ 2, 5 ] }
]
});
});");
HtmlAssert.AreEqual(expected, actual);
}
public void FullSetUp()
{
HighchartsSetUp setup = new HighchartsSetUp("myChart")
.WithSerieType(ChartSerieType.Line)
.Title("The title")
.Subtitle("This is the subtitle")
.Settings(x =>
x.BackgroundColor("#eee")
)
.AxisY(x =>
x.Title("Months", y =>
y.Align(AxisTitleAlignment.High)
)
)
.AxisX(x =>
x.Title("Months", y =>
y.Rotation(180)
)
)
.Credits(x => x.Hide())
.Legend(x => x.Position(y => y.Center()))
.Options(x =>
{
x.Series.NoAnimation();
})
.Series(
new PieSerie("Tickets", new int[] { 2, 5 })
)
.Tooltip(x =>
x.Crosshairs()
.Formatter("return 'Hello'")
);
var actual = setup.ToHtmlString();
var expected = MvcHtmlString.Create(@"$(document).ready(function () {
hCharts['myChart'] = new Highcharts.Chart({
chart: {
renderTo: 'myChart',
type: 'line',
backgroundColor: '#eee'
},
title: { text: 'The title' },
subtitle: { text: 'This is the subtitle' },
xAxis: {
title: {
text: 'Months',
rotation: 180
}
},
yAxis: {
title: {
text: 'Months',
align: 'high'
}
},
plotOptions: {
series: { animation: false }
},
credits: { enabled: false },
tooltip: {
formatter: function() { return 'Hello' },
crosshairs: true
},
legend: { align: 'center' },
series: [
{ name: 'Tickets', type: 'pie', data: [ 2, 5 ] }
]
});
});");
HtmlAssert.AreEqual(expected, actual);
}