Taucharts plugin system overview

var chart = new Taucharts.Chart({
    type: 'scatterplot',
    x: 'age',
    y: 'score',
    color: 'group',
    data: dataset,
    plugins: [
        Taucharts.api.plugins.get('tooltip')(),
        Taucharts.api.plugins.get('legend')({ position: 'bottom' }),
        Taucharts.api.plugins.get('trendline')()
    ]
});

var tooltipPlugin = Taucharts.api.plugins.get('tooltip')({
    fields: ['name', 'value'],
    escapeHtml: true
});

var myPlugin = {
    // Called once when the chart is initialized.
    // Use this to register event handlers, modify the spec, or insert DOM elements.
    init(chart) {},

    // Called after each render cycle.
    // Use this to update DOM elements that depend on the rendered chart.
    onRender() {},

    // Called when the chart is destroyed.
    // Use this to clean up event handlers and remove DOM elements.
    destroy() {}
};

Taucharts.api.plugins.add('my-plugin', function (settings) {
    settings = settings || {};
    return {
        init(chart) {
            // setup
        },
        onRender() {
            // update
        },
        destroy() {
            // cleanup
        }
    };
});

// Retrieve and use it:
var instance = Taucharts.api.plugins.get('my-plugin')({ option: true });