FussionCharts使用教程:Fusion charts API参考方法(Functions)まとめ
9477 ワード
chartType()FussionChartsのJavaScript類APIは、多くの機能を提供しています.以下のリストには、各機能の詳細情報が表示されます.
一、Fusion Chartsのクラス-実例機能
1、configure(name:string、value:string) or configure(configrations:Object)
グラフを描画する前に、グラフの設定を行います.主に、この機能を使ってグラフメッセージやネットのパラメータを設定できます.の名称の構造と構成の値をパラメータとして伝える.右の最初の例です.オブジェクトの機能のセットを設定することもできます.パラメータオブジェクトには、名前と値ペアの設定名と対応する値が含まれます.右の二番目の例です.
2、addVarable(name:string、value:string)
configureの方法と同じで、この機能はもう古いです.
3、レンダー(render At:String) or レンダー(render At:HTM LNode)
主な役割は、新規グラフを指定されたあるDIV容器に搭載することである.
4、setXMLrl(Url:String)
グラフの例を設定するXMLURAパラメータは、主にデータソースxmlの経路を動的に変更するために使用されます.
5、setXMLDat(XML:string)
主にグラフオブジェクトXMLDATAを設定し、パラメータをスティッチングしたグラフ文字列に伝達します.
6、setJSONUrl(Url:String)
グラフのオブジェクトJSONUrlパラメータを設定します.
7、setJSONDaa(JSON:Object) or setJSONDaa(JSON:String)
グラフオブジェクトのデータを動的に設定または変更します.フォーマットはJson形式の文字列です.
8、set ChartDataUrl(Url:String、dataFormat:string)
私たちのグラフデータが一つのページから発生したデータである場合、この方法を使うことができます.
パラメータの説明:
Url:データ生成ページアドレス
dataFormat:データを生成するフォーマット(xml、json)
9、set ChartData(data Source:string、data Format:string)
グラフデータを設定または変更します.この関数は2つのパラメータがあります.最初はデータソースのデータです.2番目はDATAFOREMATです.データソースはXMLソースのURL、URL JSONソース、XML文字列、JSON文字列、JSONオブジェクトです.したがって、正しい認識のフォーマットで、データフォーマットは2番目のパラメータとして渡されます.
10、set Data URL(Url:string)
この機能を利用して、グラフのURLのXMLデータを設定または更新できます.この関数はURL文字列を受け付けます.
11、set DataXML(dataSource:string)
この機能を利用して、グラフXMLデータの文字列を設定または更新できます.
12、Set Transparent (isTransparent:bolean)
グラフの背景を透明にします.bgAlpha、canvasBgAlphaなどの属性の「chart」要素を設定して透明度を完成します.この関数はブールパラメータを受け入れます.trueの場合だけ、背景図が透明になります.
13、get ChartData(data Format:string)
この関数は、引数としてプロトンデータフォーマットのデータを返します.XMLを転送すると、XMLデータの文字列が提供されます.JSONがデータフォーマットを通じてデータが返されるJSONオブジェクトです.
14、getXMLDat()
グラフのXMLデータ列を取得します.
15、getJSONDaa()
グラフデータのJsonオブジェクトを取得します.
16、get Data AsCSV()
CSV文字列はデータのグラフを返します.CSV文字列を出力し、XMLパラメータ構成を使用することができます.StringはCSVフォーマットデータのグラフを表します.
17、getXML()
グラフデータのXMLを取得します.
18、get ChartAttribute()
属性値に指定されたグラフXMLノードまたはグラフ属性のJSONデータを返します.属性が空の場合、XMLまたはJsonデータが見つかりません.
19、set ChartAttribute(name:string、value:string) or set ChartAttribute(AttributeCollection:Object)
グラフのプロパティの新しい値を設定してグラフを更新します.2つのパラメータがあります.属性の名前とパラメータ値.名前の通りグラフのルート属性(グラフの属性とも呼ばれます.これはグラフのXMLデータまたはグラフのJSONデータを通じてグラフのプロパティを通してです.)を選択します.オブジェクトの属性名と値ペアのセット機能としても使用できます.右の第二の例では、グラフの属性が変更されると、ドラフトのイベントがトリガされます.
20、configureLink(objConfigration:Object、level:Number) or configrelink(arrConfigration:Aray)
この機能により、ご希望のLinkdChartsはすべて設定できます.Fusine Chartsのコンストラクタで受けられるすべての属性です.これらのグラフの属性は、Linked Chartsに適用されます.提供されていない場合は、LinkdChartsは、プロパティを父親のグラフから引き継ぎます.また、overlayButtonプロパティを使用するための重ねボタンも設定できます.これらの設定はまだあります.別のオブジェクトに行くことができます.configureLink関数は、2つのフォーマットのパラメータを受け入れることができます.2つの独立したパラメータとして、最初のパラメータはオブジェクトで、すべての設定(図の重ね合わせボタン)が含まれます.2番目のパラメータは、1つの数字を適用して、配置されたレベルを表します.1番目の下のダイヤモンドレベルは0です.を参照してください.たとえば、上部の右側にあります.単一の二次元索引配列として、各要素は一つのオブジェクトです.すべてのグラフとカバーボタンの関連構成が含まれています.下のダイヤモンドの各レベルは、第1レベルが0(ゼロ)のアレイであり、インデックスが表しています.したがって、特定の配列インデックスがあります.「オブジェクトは、実際にはアレイのインデックス番号のレベルの数字に相当します.これはこれらの設定に適用されます.たとえば、右の下の方にあります.
21、リゾット(width:String、height:String)
この機能は、既存のグラフを調整します.幅と高さの割合またはピクセル値(PXサフィックスがない)によって調整できます.一度サイズを調整すると、グラフのサイズが調整されます.drawcompletteeイベントがトリガされます.
22、export Chart(export Settings:Object)
呼び出しグラフをPDF/画像として保存します.
23、print()
グラフを印刷
24、clone([chartParaams:Object])
この機能は、FusinonChartsのJavaScriptオブジェクトをコピーして、他のグラフを作成します.この機能は、パラメータとしてオブジェクトを選択できます.オブジェクトは、グラフ設定の前にクローンされています.これは既存のソースマップの設定をカバーします.この関数は、Fusion Charts JavaScriptペアの一例を返します.
25、dispose()
グラフの例を削除し、クリアします.また、この関数は、BeforeDiscposeイベントに合わせて、グラフと処理後のグラフが削除されました.
26、chartType()
この関数は、グラフの種類またはグラフに表示されるフュージョンChartsのJavaScriptオブジェクトの別名を返します.エイリアスの値は、グラフSWFファイル名に依存します.
この機能はFusion ChartsのSWFが可視でアクティブかどうかをチェックします.trueまたはfalseを返します.
28、hasRendered()
この関数はブール値を返します.プレゼンテーションが完了したかどうかを示すグラフです.hasRendered()はもう古いです.
29、signature()
これは文字列を返します.署名図を表します.Fusion ChartsのXTサービスは4つのグラフを発表します.これは「Fusion Charts/3.2.2(XT)SR 4」です.
一、Fusion Chartsのクラス-実例機能
1、configure(name:string、value:string) or configure(configrations:Object)
グラフを描画する前に、グラフの設定を行います.主に、この機能を使ってグラフメッセージやネットのパラメータを設定できます.の名称の構造と構成の値をパラメータとして伝える.右の最初の例です.オブジェクトの機能のセットを設定することもできます.パラメータオブジェクトには、名前と値ペアの設定名と対応する値が含まれます.右の二番目の例です.
myChart.configure("ChartNoDataText", "Please select a record above");
or
myChart.configure({ "ChartNoDataText" : "Please select a record above" ,
"InvalidXMLText" : "Please validate data" });2、addVarable(name:string、value:string)
configureの方法と同じで、この機能はもう古いです.
myChart.addVariable("ChartNoDataText", "Please select a record above");3、レンダー(render At:String) or レンダー(render At:HTM LNode)
主な役割は、新規グラフを指定されたあるDIV容器に搭載することである.
myChart.render("chartContainer");
or
myChart.render(document.getElementById ("chartContainer"));4、setXMLrl(Url:String)
グラフの例を設定するXMLURAパラメータは、主にデータソースxmlの経路を動的に変更するために使用されます.
myChart.setXMLUrl("mychartdata.xml");5、setXMLDat(XML:string)
主にグラフオブジェクトXMLDATAを設定し、パラメータをスティッチングしたグラフ文字列に伝達します.
myChart.setXMLData("<chart><set value='100' /></chart>");6、setJSONUrl(Url:String)
グラフのオブジェクトJSONUrlパラメータを設定します.
myChart.setJSONUrl("myJSONStream.json");7、setJSONDaa(JSON:Object) or setJSONDaa(JSON:String)
グラフオブジェクトのデータを動的に設定または変更します.フォーマットはJson形式の文字列です.
myChart.setJSONData( {
"chart":{
"caption":"My Chart Caption"
},
"data":[
{ "value":"100" },
{ "value":"200" }
]
}
);
or
myChart.setJSONData('{"chart":{ "caption":"My Chart Caption" }, "data":[ {"value":"100" },
{ "value":"200" } ]
});8、set ChartDataUrl(Url:String、dataFormat:string)
私たちのグラフデータが一つのページから発生したデータである場合、この方法を使うことができます.
パラメータの説明:
Url:データ生成ページアドレス
dataFormat:データを生成するフォーマット(xml、json)
myChart.setChartDataUrl("mydynamicdata.aspx", "json");
or
myChart.setChartDataUrl("mydynamicdata.aspx", "xml");9、set ChartData(data Source:string、data Format:string)
グラフデータを設定または変更します.この関数は2つのパラメータがあります.最初はデータソースのデータです.2番目はDATAFOREMATです.データソースはXMLソースのURL、URL JSONソース、XML文字列、JSON文字列、JSONオブジェクトです.したがって、正しい認識のフォーマットで、データフォーマットは2番目のパラメータとして渡されます.
myChart.setChartData( "myxmldata.jsp" , "xmlurl");
or
myChart.setChartData( "<chart><set value='2310'/></chart>" , "xml");
or
myChart.setChartData( "myjsondata.php" , "jsonurl");
or
myChart.setChartData( "{ chart : {}, data :[{ value : 100 }] }" , "json");
or
myChart.setChartData( { chart : {}, data :[{ value : 100 }] } , "json");10、set Data URL(Url:string)
この機能を利用して、グラフのURLのXMLデータを設定または更新できます.この関数はURL文字列を受け付けます.
myChart.setDataURL( "myxmlsource.xml" );11、set DataXML(dataSource:string)
この機能を利用して、グラフXMLデータの文字列を設定または更新できます.
myChart.setDataXML( "<chart><set value='213' /></chart>");12、Set Transparent (isTransparent:bolean)
グラフの背景を透明にします.bgAlpha、canvasBgAlphaなどの属性の「chart」要素を設定して透明度を完成します.この関数はブールパラメータを受け入れます.trueの場合だけ、背景図が透明になります.
myChart.setDataXML( "<chartbgAlpha='0,0'><set value='213' /></chart>");
myChart.setTransparent(true);13、get ChartData(data Format:string)
この関数は、引数としてプロトンデータフォーマットのデータを返します.XMLを転送すると、XMLデータの文字列が提供されます.JSONがデータフォーマットを通じてデータが返されるJSONオブジェクトです.
var myXML = FusionCharts("myChartId").getChartData( "xml");
var myJSONObj = FusionCharts("myChartId").getChartData( "json" );14、getXMLDat()
グラフのXMLデータ列を取得します.
var myXML = FusionCharts("myChartId").getXMLData();15、getJSONDaa()
グラフデータのJsonオブジェクトを取得します.
var myJSONObj = FusionCharts("myChartId").getJSONData();16、get Data AsCSV()
CSV文字列はデータのグラフを返します.CSV文字列を出力し、XMLパラメータ構成を使用することができます.StringはCSVフォーマットデータのグラフを表します.
var strCSV = FusionCharts("myChartId").getDataAsCSV();17、getXML()
グラフデータのXMLを取得します.
var myXML = FusionCharts("myChartId").getXML();18、get ChartAttribute()
属性値に指定されたグラフXMLノードまたはグラフ属性のJSONデータを返します.属性が空の場合、XMLまたはJsonデータが見つかりません.
//
var caption = FusionCharts("myChartId").getChartAttribute( "caption");19、set ChartAttribute(name:string、value:string) or set ChartAttribute(AttributeCollection:Object)
グラフのプロパティの新しい値を設定してグラフを更新します.2つのパラメータがあります.属性の名前とパラメータ値.名前の通りグラフのルート属性(グラフの属性とも呼ばれます.これはグラフのXMLデータまたはグラフのJSONデータを通じてグラフのプロパティを通してです.)を選択します.オブジェクトの属性名と値ペアのセット機能としても使用できます.右の第二の例では、グラフの属性が変更されると、ドラフトのイベントがトリガされます.
myChart.setChartAttribute ( "caption" , "Latest sales report" );
or
chartReference.setChartAttribute( { "palette" : "2", paletteColors : "ACBF72", useRoundEdges : 1 } );20、configureLink(objConfigration:Object、level:Number) or configrelink(arrConfigration:Aray)
この機能により、ご希望のLinkdChartsはすべて設定できます.Fusine Chartsのコンストラクタで受けられるすべての属性です.これらのグラフの属性は、Linked Chartsに適用されます.提供されていない場合は、LinkdChartsは、プロパティを父親のグラフから引き継ぎます.また、overlayButtonプロパティを使用するための重ねボタンも設定できます.これらの設定はまだあります.別のオブジェクトに行くことができます.configureLink関数は、2つのフォーマットのパラメータを受け入れることができます.2つの独立したパラメータとして、最初のパラメータはオブジェクトで、すべての設定(図の重ね合わせボタン)が含まれます.2番目のパラメータは、1つの数字を適用して、配置されたレベルを表します.1番目の下のダイヤモンドレベルは0です.を参照してください.たとえば、上部の右側にあります.単一の二次元索引配列として、各要素は一つのオブジェクトです.すべてのグラフとカバーボタンの関連構成が含まれています.下のダイヤモンドの各レベルは、第1レベルが0(ゼロ)のアレイであり、インデックスが表しています.したがって、特定の配列インデックスがあります.「オブジェクトは、実際にはアレイのインデックス番号のレベルの数字に相当します.これはこれらの設定に適用されます.たとえば、右の下の方にあります.
myChart.configureLink(
{
swfUrl: 'Charts/Bar2D.swf',
width: '30%',
overlayButton:
{
message: ' x ',
bgColor:'999999',
borderColor: 'cccccc'
}
},
0);
or
myChart.configureLink(
[ {swfUrl: 'Charts/Bar2D.swf'},
{swfUrl: 'Charts/Pie2D.swf'},
{swfUrl: 'Charts/Line2D.swf'},
{swfUrl: 'Charts/Area2D.swf'}
]
);21、リゾット(width:String、height:String)
この機能は、既存のグラフを調整します.幅と高さの割合またはピクセル値(PXサフィックスがない)によって調整できます.一度サイズを調整すると、グラフのサイズが調整されます.drawcompletteeイベントがトリガされます.
myChart.resizeTo( "500", "400" )
or
myChart.resizeTo( "80%", "100%" )22、export Chart(export Settings:Object)
呼び出しグラフをPDF/画像として保存します.
myChart.exportChart( { exportFormat : 'jpg'} )
or
myChart.exportChart( { exportAtClient: '1', exportFormat: 'PDF' } );23、print()
グラフを印刷
FusionCharts("myChartId").print()24、clone([chartParaams:Object])
この機能は、FusinonChartsのJavaScriptオブジェクトをコピーして、他のグラフを作成します.この機能は、パラメータとしてオブジェクトを選択できます.オブジェクトは、グラフ設定の前にクローンされています.これは既存のソースマップの設定をカバーします.この関数は、Fusion Charts JavaScriptペアの一例を返します.
var newChart = myChart.clone();
or
var newChart = myChart.clone( { swfUrl : 'Area2D.swf' } );25、dispose()
グラフの例を削除し、クリアします.また、この関数は、BeforeDiscposeイベントに合わせて、グラフと処理後のグラフが削除されました.
FusionCharts("myChartId").dispose();26、chartType()
この関数は、グラフの種類またはグラフに表示されるフュージョンChartsのJavaScriptオブジェクトの別名を返します.エイリアスの値は、グラフSWFファイル名に依存します.
var strCharType = FusionCharts("myChartId").chartType();この機能はFusion ChartsのSWFが可視でアクティブかどうかをチェックします.trueまたはfalseを返します.
var strCharType = FusionCharts("myChartId").isActive();28、hasRendered()
この関数はブール値を返します.プレゼンテーションが完了したかどうかを示すグラフです.hasRendered()はもう古いです.
var strCharType = FusionCharts("myChartId").hasRendered();29、signature()
これは文字列を返します.署名図を表します.Fusion ChartsのXTサービスは4つのグラフを発表します.これは「Fusion Charts/3.2.2(XT)SR 4」です.
var strCharType = FusionCharts("myChartId").signature();