java - Dojo を使用して棒グラフをプロットする

Question

Dojo を使用して棒グラフをプロットするにはどうすればよいですか? 2 つの列empidとempsalary. empidx 軸とempsalaryy軸を使用して道場で棒グラフをプロットしたいと考えています。提案してください。

前もって感謝します
Rahul Kumar

Answer 1

以下は、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>

Dojo チュートリアルで詳細な説明を見つけてください。