highcharts_options 0.2.1+5

Highcharts Options contains base classes for wrapping the highcharts js api. If you want to use highcharts in Dart, use the highcharts packages for polymer or angular. I strongly recommend you using t [...]

Highcharts for Dart

Highcharts Options contains base classes for wrapping the highcharts js api. If you want to use highcharts in Dart, use the highcharts packages for polymer or angular. I strongly recommend you using the Polymer version.

How does it work?

First of all, add the dependency to your pubspec.yaml:

dependencies: 
  highcharts_options: any

Create the chart options object to be used by the polymer or the angular component:

basicLineChart = new HighChart ()
                  ..title = (new Title ()
                              ..text = 'Basic Line')
                  ..chart = (new Chart ()
                              ..type = "line"
                              ..borderColor = "#CCC"
                              ..borderWidth = 1
                              ..borderRadius = 8
                              ..backgroundColor = "rgba(0,0,0,0)"
                             )
                  ..credits = credits
                  ..subtitle = (new Subtitle()
                                  ..text = 'Monthly Average Temperature'
                                  ..x = -20)
                  ..xAxis = (new XAxis()
                                  ..categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                                                  'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'])
                  ..yAxis = (new YAxis ()
                                  ..title = (new AxisTitle()
                                                   ..text = "Temperature (ºC)"))
                  ..tooltip = (new Tooltip()
                                        ..valueSuffix = "ºC"
                                        ..formatter = toolTipFormatter)
                  ..legend = (new Legend ()
                                        ..layout = "vertical"
                                        ..align = "right"
                                        ..verticalAlign = "middle" 
                                        ..borderWidth = 0)
                  ..series = [
                        new Series()..numData = [7.0, 6.9, 9.5, 14.5, 
                                                18.2, 21.5, 25.2, 26.5, 
                                                23.3, 18.3, 13.9, 9.6]
                                    ..name = 'Tokyo'
                                    ..type = 'line', 
                        new Series()..numData = [-0.2, 0.8, 5.7, 11.3, 
                                                17.0, 22.0, 24.8, 24.1, 
                                                20.1, 14.1, 8.6, 2.5]
                                    ..name = 'New York'
                                    ..type = 'line',
                        new Series()..numData = [-0.9, 0.6, 3.5, 8.4, 
                                                13.5, 17.0, 18.6, 17.9, 
                                                14.3, 9.0, 3.9, 1.0]
                                    ..name = 'Berlin'
                                    ..type = 'line',
                        new Series()..numData = [3.9, 4.2, 5.7, 8.5, 
                                                11.9, 15.2, 17.0, 16.6, 
                                                14.2, 10.3, 6.6, 4.8]
                                    ..name = 'London'
                                    ..type = 'line'
                      ];

Disclaimer

*This is just a work in progress. This is just a piece of software to help people use Highcharts in their Dart projects, but the author is not part of the Highcharts team. * Keep in mind that if you want to use Highcharts in commercial applications, you will have to acquire a developer licence