0

毎回 3 セットの結果を表示する CSS 円グラフ スクリプトを作成しようとしていますが、これらの結果が表示されるたびに結果が異なります。つまり、サイト全体でさまざまな情報を表示するさまざまな円グラフを使用しています。

これを行う方法を知りたいのですが、3 つのセクションに回転開始と各セグメントの合計値を与える PHP を書くことができましたが、実際に残りのパイ チャットを実装するのは非常に困難です。

各領域のサイズと合計回転数を決定するための PHP:

<?php 

    $T1 = $degree['UFIRST'];
    $T2 = $degree['UUPPER'];
    $T3 = $degree['ULOWER'];

    $TotalTs = $T1 + $T2 + $T3; 
    $PieTotal = 360 / $TotalTs;

    // AREA OF SLICES %'s

    $Slice1 = $T1 * $PieTotal;
    $Slice2 = $T2 * $PieTotal;
    $Slice3 = $T3 * $PieTotal;

    // ROTATION %'s

    $StartSlice1 = 0;
    $StartSlice2 = $Slice1 + $StartSlice1;
    $StartSlice3 = $StartSlice2 + $Slice2;

    ?>

これは、各セグメントの HTML です。

<div class="pie" data-start="0" data-value="<?php echo $Slice1 ?>"></div>
<div class="pie" data-start="<?php echo $StartSlice2 ?>" data-value="<?php echo $Slice2 ?>"></div>
<div class="pie" data-start="<?php echo $StartSlice3 ?>" data-value="<?php echo $Slice3 ?>"></div>

これはすべて正しく機能しますが、静的な円グラフにしたくないので、CSS をどこから書き始めたらよいかわかりません。

どんなアイデア/助けも大歓迎です。

これをできるだけ避けたいので、jQueryの例へのリンクや言及はしないでください。

4

2 に答える 2

-1

自分で書きたい場合は、最高のチャートの1つがjqueryです。少なくともこれまでに持っているものを投稿する必要があります。動的にしたい場合はjsを使用したい場合でも、静的な場合でもjs.Bcsを使用する必要があります入力手動で php を使用して css 値を変更しても、まあまあです。

于 2013-06-16T16:05:46.610 に答える