highcharts_flutter 0.4.0 copy "highcharts_flutter: ^0.4.0" to clipboard
highcharts_flutter: ^0.4.0 copied to clipboard

Official Flutter integration for Highcharts with many options widgets for interactive charts, that can be adjusted and dynamically applied.

example/README.md

The following example shows how to integrate Highcharts into a Flutter application using the highcharts_flutter package.

It showcases a simple line chart as a starting point for using Highcharts to visualize data within your Flutter projects.

import 'package:flutter/material.dart';
import 'package:highcharts_flutter/highcharts.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hello, Highcharts!',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: Text(widget.title),
        ),
        body: ListView(
          children: [
            // Here is a Highcharts widget added to the ListView
            HighchartsChart(
              HighchartsOptions(
                title: HighchartsTitleOptions(
                  text: 'Hello, Flutter!'
                ),
                series: [
                  HighchartsLineSeries(
                    name: 'My First Series',
                    data: [[0, 5], [0.5, 55.5], [1, 10]],
                    options: HighchartsLineSeriesOptions(
                      color: '#C60'
                    )
                  )
                ]
              )
            )
          ],
        ),
      )
    );
  }
}
11
likes
130
points
462
downloads

Publisher

verified publisherhighcharts.com

Weekly Downloads

Official Flutter integration for Highcharts with many options widgets for interactive charts, that can be adjusted and dynamically applied.

Homepage
Repository (GitHub)
View/report issues

Topics

#chart #diagrams #graphs #webview

Documentation

API reference

License

unknown (license)

Dependencies

flutter, highcharts_flutter_webwebview, http, provider, web, webview_flutter, webview_flutter_android, webview_flutter_wkwebview

More

Packages that depend on highcharts_flutter