0

flotr（さまざまなチャートを開発するためのオープンソースのjavascript）を使用して、単純な円グラフを描画しようとしています。しかし、私が与えたコードはほとんど機能しません。チャートが描画され、分解プロパティ、水平線と垂直線がすべて正常に機能します。しかし、マウス トラッカーと凡例は機能していません。私はコードでいくつかの間違いを犯したと思います。しかし、私はそれをクリアすることはできません。誰でも私を助けてください。前もって感謝します。

<html>
<head>
<script type="text/javascript" src="prototype-1.6.0.2.js"></script>
<script type="text/javascript" src="flotr.js"></script>
</head>
    <body>
        <div id="container" style="width:600px;height:300px;" ></div>

        <script type="text/javascript">
        (function basic_pie(container) {
  var
    d1 = [[0, 4]],
    d2 = [[0, 3]],
    d3 = [[0, 1.03]],
    d4 = [[0, 3.5]],
    graph;
   graph = Flotr.draw('container', [
    { data : d1, label : 'Comedy' },
    { data : d2, label : 'Action' },
    { data : d3, label : 'Romance',
      pie : {
        explode : 50
      }
    },
    { data : d4, label : 'Drama' }
  ], {
    HtmlText : false,
    grid : {
      verticalLines : false,
      horizontalLines : false
    },
    xaxis : { showLabels : false },
    yaxis : { showLabels : false },
    pie : {
      show : true, 
      explode : 6
    },
    mouse : { track : true },
    legend : {
      position : 'se',
      backgroundColor : '#D2E8FF'
    }
  });
})(document.getElementById("editor-render-0"));
</script>
</body>
</html>
4

2 に答える 2

1

ブラウザの種類、使用しているブラウザを確認できます。IEの場合、追加する必要があります

meta http-equiv="X-UA-Compatible" content="IE=edge"

セグメントの最初の行に<head>追加します

[if IE]> script type="text/javascript" src="../lib/excanvas.js">script <![endif]

<head>互換性のために。そして、次の行を追加する必要があります。

var container = document.getElementById(' container ');

infunction basic_pie(container)の最初の行で、コンテナ要素をターゲットにします。

(注意: 私の回答文字列の一部は、stackoverflow Web サイトによって台無しにされています。申し訳ありません)

于 2013-05-08T02:51:52.253 に答える
0

凡例の構成にエラーがある可能性があります。それを削除したところ、凡例が正しく表示されました。見てみましょう: http://jsfiddle.net/Kpmcn/

于 2012-07-12T19:30:42.237 に答える