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);
        }
Beispiel #2
0
        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);
        }
Beispiel #3
0
        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);
        }
Beispiel #6
0
        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);
        }
Beispiel #9
0
        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);
        }
Beispiel #10
0
        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);
        }