[英]Hide gridLines in Kendo UI Chart Angular 2
我正在使用帶有Angular 2的Kendo UI Chart,默認情況下該Chart將出現網格線,但我想將其隱藏。 我從API獲得了“ GridLines ”類。 但是我在哪里不能使用它。 而且我想隱藏我的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>
我隱藏如下的網格線:
<kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">
</kendo-chart-axis-defaults>
刪除圖表X軸:
<kendo-chart-value-axis>
<kendo-chart-value-axis-item [line]="{visible:false}" labels="false">
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
我通過更改css類的屬性來實現此目的,如下所示
.k-var--chart-major-lines {
background-color:white;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.