向自定义UI图表添加自定义颜色的问题

时间:2019-02-27 16:40:08

标签: nativescript

我正在使用nativescript ui图表插件。

<RadCartesianChart
      tkExampleTitle
      tkToggleNavButton
      class="line-chart"
      seriesSelectionMode="Single"
    >
      <RadLegendView
        tkCartesianLegend
        position="Top"
        title=""
        height="100"
        enableSelection="true"
      ></RadLegendView>
      <CategoricalAxis
        labelFitMode="Rotate"
        tkCartesianHorizontalAxis
      ></CategoricalAxis>
      <LinearAxis lineColor="Red" tkCartesianVerticalAxis></LinearAxis>
      <SplineSeries
        tkCartesianSeries
        legendTitle="Added"
        [items]="source"
        categoryProperty="Month"
        valueProperty="Added"
        seriesName="Added"
      >
      </SplineSeries>
      <SplineSeries
        tkCartesianSeries
        legendTitle="Gone"
        [items]="source"
        categoryProperty="Month"
        valueProperty="Gone"
        seriesName="Gone"
      >
      </SplineSeries>
      <SplineSeries
        tkCartesianSeries
        legendTitle="Vanished"
        [items]="source"
        categoryProperty="Month"
        valueProperty="Vanished"
        seriesName="Vanished"
      >
      </SplineSeries>
      <Palette tkCartesianPalette seriesName="Added">
        <PaletteEntry
          tkCartesianPaletteEntry
          fillColor="#000000"
          strokeColor="#000000"
        ></PaletteEntry>
      </Palette>

      <Palette tkCartesianPalette seriesName="Gone">
        <PaletteEntry
          tkCartesianPaletteEntry
          fillColor="#FF0000"
          strokeColor="#FF0000"
        ></PaletteEntry>
      </Palette>

      <Palette tkCartesianPalette seriesName="Vanished">
        <PaletteEntry
          tkCartesianPaletteEntry
          fillColor="#FFFF00"
          strokeColor="#FFFF00"
        ></PaletteEntry>
      </Palette>
    </RadCartesianChart>

在上面的代码中,但是颜色不正确。 预期的输出:“添加”的曲线应为黑色,“消失”的曲线应为红色,“消失”的曲线应为黄色。 输出为:“添加”的曲线变为黑色,“消失”的曲线变为红色,“消失”的曲线再次变为黑色。 如果我们放下一张图表,比如说放下的系列名为Vanished,则“添加”和“消失”的两条曲线都将变为黑色。 如果我们对同一项目使用3个不同的系列,例如,对每个项目使用了Bar,Line和Spline,那么颜色就如预期的那样。这种行为似乎很奇怪。

我使用版本 “ nativescript-ui-chart@3.11.1”,  nativescript版本4.2.3 “ nativescript-angular”:“ 5.2.0”

谢谢

0 个答案:

没有答案