search

ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

Cannot apply css styling to donut series with NS-Angular #1443

Open cjohn001 opened 4 years ago

cjohn001 commented 4 years ago

Which platform(s) does your issue occur on?

it appears on IOS and Android

Please provide the following version numbers that your issue occurs with:

"nativescript-ui-autocomplete": "^6.0.1", "nativescript-ui-calendar": "^6.1.0", "nativescript-ui-chart": "^7.1.1", "nativescript-ui-dataform": "^6.1.0", "nativescript-ui-listview": "^8.2.0",

tns --version = 6.7.4

"tns-core-modules": "^6.5.5"

"tns-android": { "version": "6.5.1" }, "tns-ios": { "version": "6.5.1" }

Please tell us how to recreate the issue in as much detail as possible.

I just copied the following lines from the examples into my app:

  <RadPieChart allowAnimations="false">
    <DonutSeries tkPieSeries startAngle="-90" endAngle="270" innerRadiusFactor="0.5" valueProperty="_amount"
      [items]="_macrosArray">
    </DonutSeries>
  </RadPieChart>
this._macrosArray = new ObservableArray([
            { _name: 'proteins', _amount: 33.3 },
            { _name: 'carbs', _amount: 33.3 },
            { _name: 'fats', _amount: 33.3 }
        ]);
DonutSeries {
    fill-colors: #3a15ea, #9926ae, #d01a5d;
    stroke-colors: white, white, white;
    stroke-width: 2;
    inner-radius-factor: 0.8;
    outer-radius-factor: 0.7;
}

I see the following errors on the console. Seems like it is an issue with the angular?

CONSOLE ERROR file:///app/vendor.js:110268:30: Error: Failed to apply property [fill-colors] with value [#3a15ea, #9926ae, #d01a5d] to DonutSeries(131). ZoneAwareError(file: node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:1298:0) at Color(file: node_modules/@nativescript/core/color/color-common.js:28:0) at Color(file: node_modules/@nativescript/core/color/color.ios.js:6:0) at file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:866:78 at map([native code]) at valueConverter(file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:866:38) at file: node_modules/@nativescript/core/ui/core/properties/properties.js:132:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:503:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:393:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:284:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:391:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:367:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:231:0 at file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:36:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:75 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:310:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:456:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:234:0 at file: node_modules/nativescript-ui-chart/ui-chart.common.js:351:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:233:0 at file: node_modules/nativescript-ui-chart/ui-chart.ios.js:227:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:75 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:310:0 at CONSOLE ERROR file:///app/vendor.js:110268:30: Error: Failed to apply property [stroke-colors] with value [white, white, white] to DonutSeries(131). ZoneAwareError(file: node_modules/@nativescript/angular/zone-js/dist/zone-nativescript.js:1298:0) at Color(file: node_modules/@nativescript/core/color/color-common.js:28:0) at Color(file: node_modules/@nativescript/core/color/color.ios.js:6:0) at file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:882:78 at map([native code]) at valueConverter(file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:882:38) at file: node_modules/@nativescript/core/ui/core/properties/properties.js:132:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:503:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:393:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:284:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:391:0 at file: node_modules/@nativescript/core/ui/styling/style-scope.js:367:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:231:0 at file: node_modules/nativescript-ui-chart/visualization/views/chart-series.common.js:36:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:75 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:310:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:456:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:234:0 at file: node_modules/nativescript-ui-chart/ui-chart.common.js:351:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:233:0 at file: node_modules/nativescript-ui-chart/ui-chart.ios.js:227:0 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:317:75 at file: node_modules/@nativescript/core/ui/core/view-base/view-base.js:310:0