polymer_highcharts 0.2.1+10

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 72

Polymer Highcharts

Use Highcharts in your polymer projects. With polymer components you can add charts to your projects easier than ever.

How does it work?

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

dependencies: 
  polymer_highcharts: any

Add this lines to the main html of your application (index.html) in the head section.

<script src="../../packages/polymer_highcharts/js/standalone-framework.js"></script>
<script src="../../packages/polymer_highcharts/js/highcharts.js"></script>
<script src="../../packages/polymer_highcharts/js/highcharts-more.js"></script>
<script src="../../packages/polymer_highcharts/js/highcharts.src.SHADOWDOMFIX.js"></script>

Then, add the imports to your html file

<link rel="import" href="../../packages/polymer/polymer.html">
<link rel="import" href="../../packages/polymer_highcharts/highcharts_polymer_component.html">
<link rel="import" href="../../packages/polymer_highcharts/highcharts_series.html">
<link rel="import" href="../../packages/polymer_highcharts/highcharts_x_axis.html">
<link rel="import" href="../../packages/polymer_highcharts/highcharts_y_axis.html">

And just use the components:

<highcharts-polymer 
      title="Title" subtitle="Monthly Average Temperature" 
      type="line" borderColor="#CCC" creditsEnabled="false"
      borderWidth="1" borderRadius="8" backgroundColor="rgba(0,0,0,0)">
  <highcharts-x-axis categories="['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic']"></highcharts-x-axis>
  <highcharts-y-axis title="Temperatura (ÂșC)"></highcharts-y-axis>
  <highcharts-series name="Ponferrada"
      type="column"
      numData="[17.0, 16.9, 19.5, 24.5, 28.2, 31.5, 35.2, 36.5, 33.3, 28.3, 23.9, 19.6]"></highcharts-series>
  <highcharts-series name="Tokyo"
      type="line"
      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]"></highcharts-series>
  <highcharts-series name="New York"
      type="line"
      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]"></highcharts-series>
</highcharts-polymer>

Samples

You can find full code samples in the Polymer Highcharts Samples Site Or you can also take a look at the github site of the samples, just in case you want to clone it and see it running live.

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

Changelog

0.0.1

  • Initial version, created by Stagehand.

0.2.1

  • Bugfix setting chartOptions and chartTitle
  • Added legendEnabled property
  • Configurable colors in highcharts-series
  • Require 0.2.1 version of highcharts_options
  • Multiple axis optimizations
  • Some optimizations in multiple axes and avoiding chart creation when not necessary. If the data has the same number of series and X axes, the data is updated instead of recreating again the whole chart
  • Support for Internet Explorer 10 has been improved
  • Allow dynamic series to have no series at all using highcharts-no-series element
  • Fix axesDirty returning false when we had different number of axes

0.2.1+8

  • Added DEBUG mode, it logs the highcharts configuration object to console, when the static variable DEBUG is set to true

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  polymer_highcharts: "^0.2.1+10"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


      import 'package:polymer_highcharts/highcharts_axes.dart';

      import 'package:polymer_highcharts/highcharts_axis.dart';

      import 'package:polymer_highcharts/highcharts_no_series.dart';

      import 'package:polymer_highcharts/highcharts_polymer_component.dart';

      import 'package:polymer_highcharts/highcharts_series.dart';

      import 'package:polymer_highcharts/highcharts_x_axis.dart';

      import 'package:polymer_highcharts/highcharts_y_axis.dart';
  
Version Uploaded Documentation Archive
0.2.1+10 Dec 19, 2017 Go to the documentation of polymer_highcharts 0.2.1+10 Download polymer_highcharts 0.2.1+10 archive
0.2.1+9 Jul 10, 2015 Go to the documentation of polymer_highcharts 0.2.1+9 Download polymer_highcharts 0.2.1+9 archive
0.2.1+8 Jun 16, 2015 Go to the documentation of polymer_highcharts 0.2.1+8 Download polymer_highcharts 0.2.1+8 archive
0.2.1+7 Apr 28, 2015 Go to the documentation of polymer_highcharts 0.2.1+7 Download polymer_highcharts 0.2.1+7 archive
0.2.1+5 Apr 14, 2015 Go to the documentation of polymer_highcharts 0.2.1+5 Download polymer_highcharts 0.2.1+5 archive
0.2.1+4 Jan 23, 2015 Go to the documentation of polymer_highcharts 0.2.1+4 Download polymer_highcharts 0.2.1+4 archive
0.2.1+3 Jan 22, 2015 Go to the documentation of polymer_highcharts 0.2.1+3 Download polymer_highcharts 0.2.1+3 archive
0.2.1+2 Jan 22, 2015 Go to the documentation of polymer_highcharts 0.2.1+2 Download polymer_highcharts 0.2.1+2 archive
0.2.1+1 Jan 19, 2015 Go to the documentation of polymer_highcharts 0.2.1+1 Download polymer_highcharts 0.2.1+1 archive
0.2.1 Jan 19, 2015 Go to the documentation of polymer_highcharts 0.2.1 Download polymer_highcharts 0.2.1 archive

All 19 versions...

Analysis

We analyzed this package on Jun 19, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
46 / 100
Health:
Code health derived from static analysis. [more]
99 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
72
Learn more about scoring.

Platforms

Detected platforms: web

Platform components identified in package: html, js.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 10 hints.

    Run dartfmt to format lib/highcharts_axes.dart.

    Run dartfmt to format lib/highcharts_axis.dart.

    Similar analysis of the following files failed:

    • lib/highcharts_no_series.dart (hint)
    • lib/highcharts_polymer_component.dart (hint)
    • lib/highcharts_series.dart (hint)
    • lib/highcharts_x_axis.dart (hint)
    • lib/highcharts_y_axis.dart (hint)
  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use polymer_highcharts.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
browser >=0.10.0+2 <0.11.0 0.10.0+3
browser_detect >=1.0.3 <2.0.0 1.0.4
highcharts_options >=0.2.1+5 <0.3.0 0.2.1+5
polymer >=0.15.0 <0.16.0 0.15.5+4 0.16.4+4
Transitive dependencies
analyzer 0.22.4 0.32.1
args 0.12.2+6 1.4.3
async 2.0.7
barback 0.15.2+16
charcode 1.1.1
cli_util 0.0.1+2 0.1.3
code_transformers 0.2.9+3 0.5.1+5
collection 1.14.10
convert 2.0.1
crypto 2.0.5
csslib 0.13.7+1 0.14.4
dart_style 0.1.3 1.1.0
glob 1.1.5
html 0.12.2+2 0.13.3+1
html5lib 0.12.1
initialize 0.5.1+8 0.6.2+7
logging 0.9.3 0.11.3+1
observe 0.13.0+2 0.15.1
path 1.6.1
polymer_expressions 0.13.1 0.13.1+1
pool 1.3.5
smoke 0.2.1+1 0.3.6+3
source_maps 0.10.5
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
template_binding 0.14.0+4 0.14.0+6
typed_data 1.1.5
utf 0.9.0+4
uuid 0.5.3 1.0.0
watcher 0.9.7+8
web_components 0.10.5+3 0.12.5
when 0.2.0
which 0.1.3
yaml 2.1.14
Dev dependencies
unittest any