2016-05-27 3 views
1

私は剣道のテーマをデフォルトから変更したいと思います。問題はそれが変更されますが、グリッドなどのコントロールのみですが、チャートはまったく同じです。剣道のテーマはチャートのために変更されません

このスタイルをバンドルに追加します。

bundles.Add(new StyleBundle("~/Content/kendoUi").Include(
    "~/Content/kendo/2016.1.112/kendo.common.min.css", 
    "~/Content/kendo/2016.1.112/kendo.mobile.all.min.css", 
    "~/Content/kendo/2016.1.112/kendo.metro.min.css" 
)); 

私には何か不足していますか?

答えて

2

今日は同じことで苦労していました。何らかの理由で、チャートのテーマをウィジェットの設定で設定する必要があります。 Documentation of the Kendo Client Libraryから

剣道UIチャートウィジェットは、事前定義されたテーマのセットが付属しています。下記の の例に示すように、テーマを選択するには テーマオプションを使用してください。テーマ名は大文字と小文字を区別しません。

$("#chart").kendoChart({ 
    theme: "blueOpal", 
    //... 
}); 

サーバー・ラッパーのドキュメントはありません。しかし、それはこのように動作します:

@(Html.Kendo().Chart().Theme("blueOpal")) 

この理由を、explained hereのようだ:

剣道UIゲージ、チャート、バーコード、ダイアグラム、マップの ブラウザ技術の組み合わせを使用します要求される精度を達成し、 応答性を達成する。 視覚化は 計算されたレイアウトでベクトルグラフィックスとしてレンダリングされます。対照的に、対話型機能は、従来のHTML要素の を使用して構築されています。 結果として、 の外観設定は、宣言オプションと従来の CSSの間で分割されます。

あなたがグローバルにそれをしたい場合は、あなたがoverride kendoする必要があります。

var themable = ["Chart", "TreeMap", "Diagram", "StockChart", "Sparkline", "RadialGauge", "LinearGauge"]; 

if (kendo.dataviz) { 
    for (var i = 0; i < themable.length; i++) { 
    var widget = kendo.dataviz.ui[themable[i]]; 

    if (widget) { 
     widget.fn.options.theme = "blueOpal"; 
    } 
    } 
} 
関連する問題