ChartistPlugins

Plugins for chartist.js:

Custom colors

new Chartist.Line('.ex1', {
    labels: ['One', 'Two', 'Three', 'Four', 'Five'],
    series: [
        {name: 'Data A', data: [9, 9, 7, 8, 5]},
        {name: 'Data B', data: [2, 1, 3, 7, 3]},
        {name: 'Data C', data: [1, 3, 4, 5, 6]},
        {name: 'Data D', data: [5, 2, 4, 7, 8]}
    ]
},{
    fullWidth: true,
    height: 200,
    chartPadding: {top: 25, right: 25},
    plugins: [
        Chartist.plugins.colors({
            colors:['#581845', '#900c3f', '#c70039', '#ff5733']
        })
    ]
});

Other Demos and Docs

Custom hint

new Chartist.Line('.ex1', {
    labels: ['One', 'Two', 'Three', 'Four', 'Five'],
    series: [
        {name: 'Data A', data: [9, 9, 7, 8, 5]},
        {name: 'Data B', data: [2, 1, 3, 7, 3]},
        {name: 'Data C', data: [1, 3, 4, 5, 6]},
        {name: 'Data D', data: [5, 2, 4, 7, 8]}
    ]
},{
    fullWidth: true,
    height: 200,
    chartPadding: {top: 25, right: 25},
    plugins: [
        Chartist.plugins.hint()
    ]
});

Other Demos and Docs