今日は同じことで苦労していました。何らかの理由で、チャートのテーマをウィジェットの設定で設定する必要があります。 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";
}
}
}