2013-01-07 94 views
0

如何使用Dojo绘制条形图?我有一个数据库有2栏empidempsalary。我想在dojo中绘制条形图,empid为x轴,empsalary为y轴。请建议。使用Dojo绘制条形图

在此先感谢
拉胡尔·库马尔

回答

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