Skip to content

Latest commit

 

History

History
111 lines (91 loc) · 2.51 KB

userguide.md

File metadata and controls

111 lines (91 loc) · 2.51 KB

Introduction

Create interactive charts/graphs using the Highcharts framework

Settings

Wiring

Input Endpoints

  • highcharts: Use this input endpoint if you want to draw a Highchart chart.

    Example:

    {
    "title": {
        "text": "Monthly Average Temperature",
        "x": -20
    },
    "subtitle": {
        "text": "Source: WorldClimate.com",
        "x": -20
    },
    "xAxis": {
        "categories": [
            "Jan", "Feb", "Mar",
            "Apr", "May", "Jun",
            "Jul", "Aug", "Sep",
            "Oct", "Nov", "Dec"
        ]
    },
    "yAxis": {
        "title": {
            "text": "Temperature (°C)"
        },
        "plotLines": [{
            "value": 0,
            "width": 1,
            "color": "#808080"
        }]
    },
    "tooltip": {
        "valueSuffix": "°C"
    },
    "legend": {
        "layout": "vertical",
        "align": "right",
        "verticalAlign": "middle",
        "borderWidth": 0
    },
    "series": [{
        "name": "Tokyo",
        "data": [
            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": "New York",
        "data": [
            -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": "Berlin",
        "data": [
            -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": "London",
        "data": [
            3.9, 4.2, 5.7, 8.5, 11.9, 15.2,
            17.0, 16.6, 14.2, 10.3, 6.6, 4.8
        ]
    }]
}

    More information: http://api.highcharts.com/highcharts

  • highstock: Use this input endpoint if you want to draw a Highstock chart.

    More information: http://api.highcharts.com/highstock

Output Endpoints

  • selected: When the user click a point the data will be sended.

    Data sended:

    {
    category :: String | Number,
    percentage :: Number,
    x :: Number,
    y :: Number
}

Usage

The only one limitation right now are that you can't send functions (formatters, events, ...) because the wiring only send Strings

Reference

Copyright and License

CC,BY-NC,3.0