angular - Angular的剑道图表:折线图被设定的最大值切断
问题描述
当我在折线图中设置最大值时,与该值匹配的点会被截断。
我尝试添加边距,但边距应用在图表区域之外。我已经通过API,但无济于事。
以下 plunker 演示了该问题:link
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-value-axis>
<kendo-chart-value-axis-item [title]="{ text: 'Miles' }"
[min]="0" [max]="100">
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [categories]="categories">
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
<kendo-chart-series>
<kendo-chart-series-item [data]="seriesData" type="line">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
`
})
export export class AppComponent {
public seriesData: number[] = [20, 40, 100, 30, 50];
public categories: string[] = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'];
}
解决方案
找到了。
显然,您可以添加一个 kendo-chart-pane,其中可以禁用标准启用的剪辑选项。
对于任何有兴趣的人:
<kendo-chart-value-axis>
<kendo-chart-value-axis-item [title]="{ text: 'Miles' }"
[min]="0" [max]="100" pane="pane">
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
<kendo-chart-panes>
<kendo-chart-pane name="pane" clip="false">
</kendo-chart-pane>
</kendo-chart-panes>
更新plunker
推荐阅读
- extjs - 一些按钮后面的奇怪边框[EXTJS 6.5.2]
- azure - Azure 自动化 - 续订 RunAsAccount 证书
- javascript - 仅在选中广播按钮时才需要输入字段 - Angular 4
- php - 将 WordPress 从 Live 迁移到 Localhost
- windows-server-2016 - 当我尝试在 Windows 10 上创建的 Windows Server 2016 上运行 docker 映像时出现错误
- rethinkdb - rethinkdb-migrate 迁移文件的位置
- r - 来自 bam {mgcv} 的人口水平预测
- xamarin.forms - 运行 UWP 项目时出错 (UniversalWindows)
- php - 我们必须在构造函数中声明所有属性吗?
- android - 空指针异常,改造?