Open Flash Chart-PHP + ActionScript3で「チャート」または「アクティブグラフィックス」の無料ソリューションを作成

pChartに関する次のトピックは、記事-pChart-PHPでグラフとチャートを作成することを促しました

短所をすぐに説明します。

1)アクティブではありません-つまり、クリックできません

2)一部の人にとって、彼らが言うように、「デザインは最高のものを望んでいる」

3)サーバーの負荷が少ない(グラフはクライアント側で作成されます)

4)インデックス付けがないため、チャートは常にリアルタイムで表示されます


短所ActionScript3グラフィックス:

1)スナップショットを作成することはできません(大まかに言うと、2〜3時間前のグラフの状態、またはグラフを画像にインポートするためのサーバーの負荷を減らすため)




以下は、pChartを例として使用した、クリックできないチャートの例です。

pChart

以下は、オープンフラッシュチャートの例です。



実例はWMZウォレットのインデックス作成です (実装方法に興味がある人のために、このトピックが機能するかどうかを説明します。私の記事にはほぼ0-lvlがあります:))





それでは、なぜオープンフラッシュチャートなのでしょうか? プロジェクトのスタートアップを3時間選択した後、夢を閉じて「ライブスケジュール」または「アクティブスケジュール」、または「クリック可能なスケジュール」を作成できませんでした。 数十のグラフ作成サイト(有料のものも含む)を確認したところ、適切なサイトを見つけることができませんでした。それらはすべて、ある種の「馬鹿げた」または恐ろしいものです:)。

私の選択はここにあります-Open Flash Chart



現在、新しいアルファ版が既にあります: Open Flash Chart 2



独自のスケジュールを作成する



1)ライブラリ自体とswfファイルをここからダウンロードします



2)これをhtml -tagセクションに挿入します













3)そして、これはチャート自体を生成するPHPスクリプトです

include '../php-ofc-library/open-flash-chart.php';



// generate some random data

srand((double)microtime()*1000000);



$data_1 = array();

$data_2 = array();

$data_3 = array();

for( $i=0; $i<9; $i++ )

{

$data_1[] = rand(1,6);

$data_2[] = rand(7,13);

$data_3[] = rand(14,19);

}



$line_dot = new line_dot();

$line_dot->set_width( 4 );

$line_dot->set_colour( '#DFC329' );

$line_dot->set_dot_size( 5 );

$line_dot->set_values( $data_1 );



$line_hollow = new line_hollow();

$line_hollow->set_width( 1 );

$line_hollow->set_colour( '#6363AC' );

$line_hollow->set_dot_size( 5 );

$line_hollow->set_values( $data_2 );



$line = new line();

$line->set_width( 1 );

$line->set_colour( '#5E4725' );

$line->set_dot_size( 5 );

$line->set_values( $data_3 );



$y = new y_axis();

$y->set_range( 0, 20, 5 );



$chart = new open_flash_chart();

$chart->set_title( new title( 'Three lines example' ) );

$chart->set_y_axis( $y );

//

// here we add our data sets to the chart:

//

$chart->add_element( $line_dot );

$chart->add_element( $line_hollow );

$chart->add_element( $line );



echo $chart->toPrettyString();







4)そして、ここにデータ自体があります-それは私たちによって生成されたチャートに送信されます:

{ "title": { "text": "Mon Jul 28 2008" }, "elements": [ { "type": "line_hollow", "values": [ 7, 7.3774717285106, 7.7398948503864, 8.0728206994506, 8.3629765727091, 8.598794871135, 8.7708742633377, 8.8723544869781, 8.8991898457789, 8.8503104986686, 8.7276651109688, 8.5361431672572, 8.2833800430472, 7.9794526064608, 7.6364774852962, 7.2681280153137, 6.8890891274876, 6.514471906149, 6.1592111577398, 5.8374700072088, 5.5620752589149, 5.3440060324142, 5.1919560596099, 5.1119870930964, 5.1072872432119, 5.17804387814, 5.3214361541317, 5.5317474736436, 5.8005933880426, 6.1172558591139, 6.469110553422 ], "halo-size": 0, "width": 2, "dot-size": 5 }, { "type": "line_hollow", "values": [ 10, 10.377471728511, 10.739894850386, 11.072820699451, 11.362976572709, 11.598794871135, 11.770874263338, 11.872354486978, 11.899189845779, 11.850310498669, 11.727665110969, 11.536143167257, 11.283380043047, 10.979452606461, 10.636477485296, 10.268128015314, 9.8890891274876, 9.514471906149, 9.1592111577398, 8.8374700072088, 8.5620752589149, 8.3440060324142, 8.1919560596099, 8.1119870930964, 8.1072872432119, 8.17804387814, 8.3214361541317, 8.5317474736436, 8.8005933880426, 9.1172558591139, 9.469110553422 ], "halo-size": 1, "width": 1, "dot-size": 4 }, { "type": "line_hollow", "values": [ 4, 4.3774717285106, 4.7398948503864, 5.0728206994506, 5.3629765727091, 5.598794871135, 5.7708742633377, 5.8723544869781, 5.8991898457789, 5.8503104986686, 5.7276651109688, 5.5361431672572, 5.2833800430472, 4.9794526064608, 4.6364774852962, 4.2681280153137, 3.8890891274876, 3.514471906149, 3.1592111577398, 2.8374700072088, 2.5620752589149, 2.3440060324142, 2.1919560596099, 2.1119870930964, 2.1072872432119, 2.17804387814, 2.3214361541317, 2.5317474736436, 2.8005933880426, 3.1172558591139, 3.469110553422 ], "halo-size": 1, "width": 6, "dot-size": 4 } ], "y_axis": { "min": 0, "max": 15, "steps": 5 } }








All Articles