charts.js

A JavaScript Plugin to draw Charts to visualize Data and Statistics on Websites.

Examples

Line Chart

new Chart().create({
    htmlElementId: "canvas",
    chartType: "curve",
    chartStyle: {
        mainColor: "#888888",
        valueColors: [
            "#2f7cff"
        ]
    },
    data: {
        keys: [
          "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"
        ],
        values: [
            [
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10),
                getRandomArbitrary(-5, 10)
            ]
        ]
    }
});

Bar Chart

new Chart().create({
    htmlElementId: "canvas",
    chartType: "bar",
    chartStyle: {
        mainColor: "#888888",
        valueColors: [
            "#2f7cff"
        ]
    },
    data: {
        keys: [
          "0", "1", "2", "3", "4", "5"
        ],
        values: [
            [
                0,
                1,
                2,
                3,
                4,
                5
            ]
        ]
    }
});