ホームページ >ウェブフロントエンド >jsチュートリアル >ExtJs_extjsの縦座標値が重複する問題の解決策

ExtJs_extjsの縦座標値が重複する問題の解決策

WBOY
WBOYオリジナル
2016-05-16 16:57:571105ブラウズ

前に書いた、バージョン ライブラリ: Ext JS Library 3.3.1

グラフを作成するときに、縦軸の値が同じであることが多いのを発見しました。自分でテストできます。他の人が見られるように、後で確認してください。他のバージョンはテストされていません。興味のある友達は自分でテストしてみることができます。

コードをコピー コードは次のとおりです:

var chartStore;//チャート データ
Ext.onReady(function(){

//現在のサーバーのファイルを使用します。そのような文がない場合は、デフォルトで Adob​​e のサイトに移動して
Ext.chart.Chart を取得します.CHART_URL = 'extjs/resources/charts .swf';

var json_reader = new Ext.data.JsonReader( {
idProperty : "pointName",
root : 'rows',
totalProperty : "results",
fields : [ {
name : 'pointName'
}, {
name : 'faultCount',
type : "int"
}]
});

// バックグラウンドからデータを取得します
chartStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'loadColumnChart.do',
メソッド : 'POST'
}),
リーダー : json_reader
});
chartStore.reload()

//列ChartPanel
var columnchartPanel = new Ext .Panel({
border : false,
autoScroll : true,
//title : '設備測定点故障記録統計図',
frame : true,
renderTo : document.body ,
width: 800,
height: 240,
layout : 'fit',
items : {
xtype : 'columnchart', / / Type
store : chartStore,
xField : 'pointName', // X 軸の値
yField : 'faultCount', // Y 軸の値
yAxis : new Ext.chart.NumericAxis ({
displayName : 'faultCount'
//labelRenderer: Ext.util.Format.numberRenderer('0,0')//重要な問題はこの文です。私はこの文にコメントしましたが、これは正常です
}),
tipRenderer: function (chart, Record) {
return record.data.pointName 'フォールトの数は次のとおりです:'
Ext.util.Format.number(record.data.faultCount, '0,0');
} ,
series : [ {//Column
type : 'column', //タイプは変更可能です (line) line
displayName : 'faultCount' ,
yField : 'faultCount',
style : {
color : 0x99BBE8
}
}]
}
}); panel
var leftPanel = new Ext.Panel( {
title: 'ヒストグラム',
region:'west',
margins: '5 0 0 0',
cmargins: '5 5 0 0',
width: 850 ,
minSize: 700,
maxSize: 850,
autoScroll:true,// コンテンツがオーバーフローしたときにスクロール バーを生成するには true に設定します (デフォルト) is false
collapseable: true,//
items の縮小を許可します: columnchartPanel
})


1. >

2. 解決後:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。