ホームページ >ウェブフロントエンド >jsチュートリアル >ymyang 描画サンプル コード_javascript スキル
ymyang 描画サンプル コード_javascript スキル
- WBOYオリジナル
- 2016-05-16 18:54:481300ブラウズ
引用方法:
コードをコピー コードは次のとおりです:
new gov. Graphic(par1,par2,par3);
par1 は描画データです
🎜> コードは次のとおりです:
var data=new period([0,10,22,13,34,25,28,26,30,35, 28,34,39,28 ,26,50,35,28,34,39,55],//y 軸データ[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207, 208]//x 軸データ
);
);
par2 は描画用のコンテナ レイヤー ID
par3 は描画スタイル パラメータ、オプションのパラメータ デフォルト値:
コードをコピー コードは次のとおりです:
{
height:170, //描画領域の高さ
maxHeight:50 , //y 軸の最大値
barDistance:26 , //X 軸の座標間隔
topDistance:0, //上部のパディング
bottomDistance:0, //下部のパディング
leftDistance: 20, //左パディング
pointWidth:5, //座標点の幅
pointHeight:5, //座標点の高さ
pointColor:"#ff0000", //座標点の色
lineColor: "#ffd43a", //接続線の色
valueWidth: 20, //y 軸の値の幅
valueColor:"#000", //y 軸の値の色
timeWidth:20, // x 軸の値 width
timeColor:"#000", //x 軸の値 color
disvalue:true, //y 軸の値を表示するかどうか
distime:true // x 軸の値
}
height:170, //描画領域の高さ
maxHeight:50 , //y 軸の最大値
barDistance:26 , //X 軸の座標間隔
topDistance:0, //上部のパディング
bottomDistance:0, //下部のパディング
leftDistance: 20, //左パディング
pointWidth:5, //座標点の幅
pointHeight:5, //座標点の高さ
pointColor:"#ff0000", //座標点の色
lineColor: "#ffd43a", //接続線の色
valueWidth: 20, //y 軸の値の幅
valueColor:"#000", //y 軸の値の色
timeWidth:20, // x 軸の値 width
timeColor:"#000", //x 軸の値 color
disvalue:true, //y 軸の値を表示するかどうか
distime:true // x 軸の値
}
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。