我正在使用 Kendo UI Chart 和 Angular 2, 图表默认会出现网格线,但我想隐藏它。我从 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>
关于angular - 在 Kendo UI Chart Angular 2 中隐藏网格线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40087168/