<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
    <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
    <script src="../common/testdata.js"></script>
 
<div id="chart1" style="width:900px;height:250px;border:1px solid #A4BED4;"></div>
 
<script>
var barChart1 = new dhtmlXChart({
    view: "bar",
    container: "chart1",
    value: "#sales#",
    color: "#58dccd",
    gradient: "rising",
    tooltip: {
        template: "#sales#";
    },
    width: 60,
    tooltip: {
        template: "#sales#";
    },
    xAxis: {
        template: "'#year#";
    },
    yAxis: {
        start: 0,
        step: 10,
        end: 100;
    },
    legend: {
        values: [{
            text: "Type A",
            color: "#58dccd"
        }, {
            text: "Type B",
            color: "#a7ee70"
        }, {
            text: "Type C",
            color: "#36abee"
        }],
        valign: "middle",
        align: "right",
        width: 90,
        layout: "y";
    }
});
barChart1.addSeries({
    value: "#sales2#",
    color: "#a7ee70",
    tooltip: {
        template: "#sales2#";
    }
});
barChart1.addSeries({
    value: "#sales3#",
    color: "#36abee",
    tooltip: {
        template: "#sales3#";
    }
});
barChart1.parse(multiple_dataset, "json");</script>