0

以下のようなグラフとして、値の範囲を表示する必要があります。

単一軸のチャート

最小値と最大値があるという考え方です。私が表示しようとしている値は、おそらくその中間の範囲になります。

私は Google Charts を使用するつもりでしたが、その棒グラフ (画像)はほぼ私が望むものですが、軸方向にはとの両方が表示され、xyのみx、または多分が必要なようですy。（故マーク・ピルグリムの言葉によると、「私はこれをうまく説明していません。」）

このGoogle Bar Chart（または別のGoogle Chart）または他の何かを使用して、これを行う方法を誰かに教えてもらえますか？

4

1 に答える 1

0

これが私が思いついたものです (これは、Google Charts API の上記の棒グラフ画像を使用しますが、グラフのラベルは使用しません):

<script type="text/javascript">
    google.load("visualization", "1", {packages:["imagebarchart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {

        //Here we display a range from 10 million (10000000)
        //to 20 million (20000000), using a dummy value set
        //to 1 less than the low point of our range (in this
        //case, 9999999) and with the same color as the
        //chart's background. The dummy value will be stacked
        //on top of the value we want to show and blank out
        //the chart from 0 to where our range begins.

        var data = google.visualization.arrayToDataTable([
            ['', ''],
            [9999999, 20000000]
        ]);

        var chart = new google.visualization.ImageBarChart(document.getElementById("chart_div"));
        chart.draw(data, {showValueLabels: false, backgroundColor: '#f5f5f5',  width: 1000, height: 70, min: 100000, max: 50000000, colors: ['#f5f5f5', '#008000']});
    }
</script>

(は、ページの読み込み時にチャートに置き換えられる div です。このコードは、チャート ドキュメントchart_divの例に基づいています。)

明らかに、この特定の棒グラフはこのように使用することを意図したものではありませんが、私が探していたものに最も近いものを見つけることができました. これが同じ問題を抱えている誰かに役立つことを願っています。

于 2012-11-13T00:00:00.330 に答える