使用Dojo绘制条形图

时间:2013-01-07 05:32:22

标签: java dojox.charting

如何使用Dojo绘制条形图?我有一个包含2列empidempsalary的数据库。我想在道场中绘制条形图,其中empid为x轴,empsalary为y轴。请建议。

提前致谢
拉胡尔库马尔

1 个答案:

答案 0 :(得分:0)

这是一个用Dojo图表绘制条形图的脚本:

<script>
require([
    // Require the basic chart class
    "dojox/charting/Chart",

    // Require the theme of our choosing
    "dojox/charting/themes/MiamiNice",

    // Charting plugins:

    //  We want to plot Columns
    "dojox/charting/plot2d/Columns",

    //  We want to use Markers
    "dojox/charting/plot2d/Markers",

    //  We'll use default x/y axes
    "dojox/charting/axis2d/Default",

    // Wait until the DOM is ready
    "dojo/domReady!"
], function(Chart, theme) {

    // Define the data
    var chartData = [10000,9200,11811,12000,7662,13887,14200,12222,12000,10009,11288,12099];

    // Create the chart within it's "holding" node
    var chart = new Chart("chartNode");

    // Set the theme
    chart.setTheme(theme);

    // Add the only/default plot
    chart.addPlot("default", {
        type: "Columns",
        markers: true,
        gap: 5
    });

    // Add axes
    chart.addAxis("x");
    chart.addAxis("y", { vertical: true, fixLower: "major", fixUpper: "major" });

    // Add the series of data
    chart.addSeries("Monthly Sales",chartData);

    // Render the chart!
    chart.render();

});

</script>

<div id="chartNode" style="width:800px;height:400px;"></div>

请查看详细解释here in Dojo tutorials