1

私の必要性は、次のグラフを実装することです

ここに画像の説明を入力

積み上げグラフについては知っていますが、ここには軸ポイント ラベルがあり (私の場合、軸ポイント ラベルは必要ありません)、これは Y 軸からのものです。

私はそれをどのように実装できるか混乱しています。

手伝ってくれませんか？どのリンクも役に立ちます。

アップデート ：

コードスニペットを試しています

<script type="text/javascript" language="javascript">

  $(document).ready(function(){
      var line1 = [14];
      var line2 = [77];
      var plot4 = $.jqplot('test2', [line1, line2], {
          title: '1 Mobility Test Graph',
          animate: !$.jqplot.use_excanvas,
          stackSeries: true, 
          seriesDefaults: {
              renderer: $.jqplot.BarRenderer,
              rendererOptions:{barPadding : 0, barMargin : 5, barDirection: 'horizontal'}, 
              pointLabels:{location : 'e', edgeTolerance : 0, hideZeros: true, show : true},
              shadowAngle : 135,
              lineWidth : 0,
              showLine: true
          },
          axesDefaults : {
                show : false,
                tickOptions : {
                    show : false
                }
            },
          axes: {
              yaxis:{renderer:$.jqplot.CategoryAxisRenderer}
          },
          grid:{
                borderWidth:0, 
                shadow:false
            },
          legend: {
                renderer: $.jqplot.EnhancedLegendRenderer,
                show:true,
                rendererOptions:{
                    numberRows:1,
                    numberColumns: 3,
                    disableIEFading: false
                },
                location: 'n',
                placement : 'outsideGrid',
                marginTop: '5px',
                showSwatch:false
          }
      });
      $(".jqplot-xaxis-tick").hide();
      $(".jqplot-yaxis-tick").hide();
    });
</script>

しかし、これは私に何の出力も与えません。削除するとbarDirection: 'horizontal'正常に動作します。私を助けてください、何が悪いのですか...

ここでjsfiddleを取得しましたが、2 つのグラフで機能します.....どうすれば 1 つを作成できますか。

4

1 に答える 1

1

あなたはこのようなものを求めていますか？そこに積み上げられた横棒が 1 本あります。横棒グラフを使用したドキュメントの例に従って、チャートにシリーズの配列を指定する必要があります。各シリーズには 2 つの値の配列 ([x,y]) として値があり、x は値、y はシリーズ ID です。

または、ここに示すように、チャートに単一値配列の単一配列を与えることもできます。

于 2012-10-16T10:01:37.073 に答える