2

ここに画像の説明を入力私は剣道コントロールに取り組んでいます.アプリケーションに剣道株価チャートがあります.チャートのツールチップ機能を提供しています.しかし、値が表示されず、値が「未定義」として表示されます.イベントを使用すると、棒\折れ線グラフのツールヒントをカスタマイズします。イベントに渡されたデータ項目は Undefined として返されます。それで、小さな領域に多くのポイントがある場合でも、ツールチップをカスタマイズできるように設定できるプロパティはありますか。例: template: "#= dataItem.employeeName #".チャート コードの問題は何ですか?

4

2 に答える 2

2

コードでは、テンプレート定義#= dataItem.<fieldName> #で使用する必要があります。たとえば、KendoUIプロセッサがFreight :#=dataItem.Freight# <br/>受け取った構造は.datatemplatedataItem.<fieldName>

したがって、テンプレートは次のようになります。

template: "#OrderDate:#=dataItem.OrderDate# <br/>Freight :#=dataItem.Freight# <br/>ShipVia:#=dataItem.ShipVia# <br/> ShipCity:#= dataItem.ShipCity#"

注デバッグのトリックとして、次のように定義できますtemplate。

template: "#console.log('data', data);#"

これにより、 で囲まれたコードが実行され#ます。Kendo UI テンプレート マネージャーはdata、次のような実際のデータを使用できるように定義します。

using(data) {
    // Template expanded code
};

これにより、正しい使用#= dataItem.ShipCity #が可能になりますが、使用が妨げられることはありませんdata。これを利用して、ブラウザ コンソールに を表示し、dataその構造を確認します。

ここで変更された JSFiddle: http://jsfiddle.net/OnaBai/5bchz/64/

于 2013-04-03T07:57:32.270 に答える
0

javascript ブロックのkendo UI テンプレートにブレークポイントとして#debugger;#キーワードを追加します。ブラウザ コンソールを開きます。ブラウザは自動的にブレークポイントに到達します。

于 2014-04-29T07:30:09.503 に答える