/ / Kendoのテーマはチャートでは変わりません - kendo-asp.net-mvc

剣道のテーマはチャートでは変わらない - kendo-asp.net-mvc

私はデフォルトから私の剣道のUIテーマを変更したいです。問題はそれが変更されることですが、それはコントロールのためだけです:グリッドなど。しかし、チャートは全く同じままです。

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

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"
));

何か不足していますか?

回答:

回答№1は2

今日も同じことに苦しんでいました。何らかの理由で、チャートのテーマはウィジェット設定によって設定されなければなりません。

から Kendo Client Libraryのドキュメント

Kendo UI Chartウィジェットには、一連の定義済みテーマが付属しています。つかいます 例に示すように、テーマを選択するためのテーマオプション 以下。テーマ名は大文字と小文字を区別しません。

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

Server-Wrappersに関する文書はありません。しかし、それはこのように機能します。

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

その理由は、 ここで説明する

Kendo UIのゲージ、チャート、バーコード、ダイアグラム、そしてマップは、 必要な精度を達成するためのブラウザテクノロジ 即応性 可視化は、ベクトルグラフィックとしてレンダリングされます。 計算レイアウト。対照的に、インタラクティブ機能は以下を使用して構築されています。 従来のHTML要素 結果として、の外観設定は これらのウィジェットは宣言型オプションと伝統的なオプションの間で分割されています CSS.

あなたがそれをグローバルにしたいのなら、あなたはする必要があります。 剣道を上書きする

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";
}
}
}