1

OK、これは比較的簡単なはずです：

ここに画像の説明を入力してください

  • ドーナツチャートを追加していますが、これは機能します
  • ただし、「凡例」（Head (+)対応する色と同様）は表示されません。

コード：

$(document).ready(function(){
  var s1 = [['Head (+)',<?php echo $headScore; ?>], ['Head (-)',<?php echo 6-$headScore; ?>]];
  var s2 = [['Body (+)',<?php echo $totalScore-$headScore; ?>], ['Body (-)',<?php echo 7-$totalScore+$headScore; ?>]];

  var plot3 = $.jqplot('linkchart', [s1,s2], {
      title:"Score Profile",
    seriesDefaults: {
      // make this a donut chart.
      renderer:$.jqplot.DonutRenderer,
      rendererOptions:{
        // Donut's can be cut into slices like pies.
        sliceMargin: 3,
        // Pies and donuts can start at any arbitrary angle.
        startAngle: -90,
        showDataLabels: false
      },
      legend: { show:true, location: 'e' }
    }
  });
});

私は何が間違っているのですか？

4

1 に答える 1

5

カメレオン、

ばかげた間違いをしたようです。: )

最初に seriesDefaults プロパティを終了し、次に凡例を定義します。

seriesDefaults 内に凡例を配置しました。

var plot3 = $.jqplot('linkchart', [s1,s2], {
    title:"Score Profile",
        seriesDefaults: {
            // make this a donut chart.
            renderer:$.jqplot.DonutRenderer,
            rendererOptions:{
                // Donut's can be cut into slices like pies.
                sliceMargin: 3,
                // Pies and donuts can start at any arbitrary angle.
                startAngle: -90,
                showDataLabels: false
            } // Not here...
        },
        //Place the legend here....
        legend: { show:true, location: 'e' }
    });
});

私はそれをテストしていません。しかし、私はそれがうまくいくと思います。

ありがとうございました。

于 2012-08-27T05:48:23.877 に答える