3

Angular 2 で剣道 UI チャートを使用しています。チャートはデフォルトでグリッド線になっていますが、非表示にしたいと考えています。「 GridLines 」である API からクラスを取得しました。しかし、私が得ていないそれを使用する場所。また、X軸を非表示にしたいです。

今後の結果: 来る結果

期待される結果：

期待される結果

コード：

<kendo-chart>
    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item [title]="{ text: 'Score' }" [min]="0" [max]="11" >
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>

    <kendo-chart-series-defaults type="bar">
        <kendo-chart-series-defaults-labels format="">
        </kendo-chart-series-defaults-labels>
    </kendo-chart-series-defaults>

    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item  [categories]="chartObject.skills">
        </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>

    <kendo-chart-series>
        <kendo-chart-series-item color="#337ab7" [data]="chartObject.rates" type="bar" [border]="{ width: 0 }">
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>
4

2 に答える 2

0

次のようにcssクラスのプロパティを変更することでこれを達成しました

.k-var--chart-major-lines {
    background-color:white;
}
于 2016-10-17T14:43:53.973 に答える