Nativescript 当一个值为总值的100%时,PieSeries仅显示细线而不是全切片颜色

Nativescript 当一个值为总值的100%时,PieSeries仅显示细线而不是全切片颜色,nativescript,angular2-nativescript,Nativescript,Angular2 Nativescript,我正在经历一种奇怪的RadPieChart和PieSeries行为 当一个值代表总值的100%时,PieSeries仅显示一条细线 编辑:这里是游乐场演示的链接,如果你想在你的设备上试用- 如果您想在设备上测试my github项目,也可以使用该链接: 如果我的描述不清楚,下面是一些图片来说明我所面临的问题。第一幅图显示PieSeries的常规行为,第二幅图显示有问题的行为 下面是在我的应用程序中正常运行的饼图示例。有两片,两片都是彩色的 但是,如果一个值等于总量,则它不会显示一个充满颜色的切

我正在经历一种奇怪的RadPieChart和PieSeries行为

当一个值代表总值的100%时,PieSeries仅显示一条细线

编辑:这里是游乐场演示的链接,如果你想在你的设备上试用-

如果您想在设备上测试my github项目,也可以使用该链接:

如果我的描述不清楚,下面是一些图片来说明我所面临的问题。第一幅图显示PieSeries的常规行为,第二幅图显示有问题的行为

下面是在我的应用程序中正常运行的饼图示例。有两片,两片都是彩色的

但是,如果一个值等于总量,则它不会显示一个充满颜色的切片,而是显示一条细线

两个图表的代码相同。这些图表是动态的,它们根据用户提供的参数显示不同的数据。然而,下面是两个图表的代码

<RadPieChart *ngIf="!noDataFound" tkExampleTitle tkToggleNavButton minHeight="200" allowAnimation="true" row="0">
        <PieSeries tkPieSeries
            seriesName="collectPie"
            selectionMode="None"
            expandRadius="0.4"
            outerRadiusFactor="0.7"
            valueProperty="amountCollected"
            legendLabel="nameForLabel"
            showLabels="true"
            showPercentage="false"
            [items]="pieSourceCollected">
            <PointLabelStyle tkPieLabelStyle margin="15" textFormat="%.2f €"></PointLabelStyle>
        </PieSeries>
        <Palette tkPiePalette seriesName="collectPie">
            <PaletteEntry tkPiePaletteEntry fillColor="#1B998B" strokeColor="#1B998B"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#97C8EB" strokeColor="#97C8EB"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#001F54" strokeColor="#001F54"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#2B193D" strokeColor="#2B193D"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#484D6D" strokeColor="#484D6D"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#2C365E" strokeColor="#2C365E"></PaletteEntry>
        </Palette>
        <RadLegendView tkPieLegend position="Top" width="100%"></RadLegendView>
      </RadPieChart>

第二个图表的代码:

<RadPieChart *ngIf="!noDataFound" tkExampleTitle tkToggleNavButton minHeight="200" allowAnimation="true" row="0">
        <PieSeries tkPieSeries
            seriesName="collectPie"
            selectionMode="None"
            expandRadius="0.4"
            outerRadiusFactor="0.7"
            valueProperty="amountSpent"
            legendLabel="nameForLabel"
            showLabels="true"
            showPercentage="false"
            [items]="pieSourceSpent">
            <PointLabelStyle tkPieLabelStyle margin="15" textFormat="%.2f €"></PointLabelStyle>
        </PieSeries>
        <Palette tkPiePalette seriesName="collectPie">
            <PaletteEntry tkPiePaletteEntry fillColor="#1B998B" strokeColor="#1B998B"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#97C8EB" strokeColor="#97C8EB"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#001F54" strokeColor="#001F54"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#2B193D" strokeColor="#2B193D"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#484D6D" strokeColor="#484D6D"></PaletteEntry>
            <PaletteEntry tkPiePaletteEntry fillColor="#2C365E" strokeColor="#2C365E"></PaletteEntry>
        </Palette>    
        <RadLegendView tkPieLegend position="Top" width="100%"></RadLegendView>
      </RadPieChart>

我甚至尝试过为图表过滤数据源,方法是删除等于零的值,但错误仍然存在。它应该显示一个完整的馅饼,而不是这条细线,不是吗


您能否共享一个游乐场示例,该示例将有助于使用与您使用的数据相同的数据调试问题。感谢您的关注。明天我会发布样品@由于nativescript ui图表插件,Manoj I无法将此应用程序发布到游乐场。但是,如果有帮助的话,下面是我的github项目的链接:因为nativescript ui图表插件?操场支持所有NativeScript UI插件。@Manoj我已在github上报告了此问题,NativeScript开发人员已确认这是一个错误,以下是github问题的链接: