Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
.eslint-default-config.yml
.eslintrc
README.md
bower.json
compileExterns.js
gulpfile.js
index.html
license.txt
manifest.json
package.json

README.md

Multicolor series - Highcharts module

Go to project page to see this module in action: http://blacklabel.github.io/multicolor_series/

Requirements

  • Plugin requires the latest Highcharts (4+)

Installation

  • Like any other Highcharts module (e.g. exporting), add <script> tag pointing to multicolor_series.js below Highcharts script tag.

  • For NPM users:

var Highcharts = require('highcharts');

require('multicolor_series')(Highcharts);
  • For BOWER users:
bower install highcharts-multicolor-series

Code

The latest code is available on github: https://github.com/blacklabel/multicolor_series/

Usage and demos

	series: [{
            type: 'coloredline',
            data: [{
            		y: 200,
            		segmentColor: 'red'
            },{
            		y: 210,
            		segmentColor: 'red'
            },{
            		y: 210,
            		segmentColor: 'red'
            },{
            		y: 100,
            		segmentColor: 'green'
            }, {
            		y: 100,
            		segmentColor: 'red'
            }]
	}]

Parameters

Property Description
point.segmentColor Controls line color between N and N+1 point, independent from point.color, which changes marker color.
series.type Set it to "coloredline" or "coloreadarea" to use multicolor series.

Demo

Demos are available at project's github page: http://blacklabel.github.io/multicolor_series/

Releases

  • Versions 2.x.y: compatible with Highcharts >= 4.2.2

  • Versions 1.x.y: compatible with Highcharts < 4.2.2

You can’t perform that action at this time.