Nativescript-vue,如何更改BarSeries(Radchart)图形“条”的颜色?

时间:2019-03-15 06:45:09

标签: nativescript nativescript-angular nativescript-telerik-ui nativescript-vue nativescript-plugin

代码:

<BarSeries v-tkCartesianSeries
             categoryProperty="Country"
             valueProperty="Amount"
             :items="items1" />
<CategoricalAxis v-tkCartesianVerticalAxis />
<LinearAxis v-tkCartesianHorizontalAxis />

2 个答案:

答案 0 :(得分:0)

您必须使用相同的系列名称定义const data = [{ id: 2, children: [{ id: 1, children: [] }] }, { id: 3, children: [], } ] function getIds(data,arr){ //iterate over array of chilren for(let child of data){ //add id of each child to arr arr.push(child.id); //check if child have children add its 'ids' to same array if(child.children) getIds(child.children,arr); } //return array in end return arr; } console.log(getIds(data,[]))

Palette

答案 1 :(得分:-1)

只需在 BarSeries 中使用 fillColorstrokeColor

<RadCartesianChart>
   <CategoricalAxis v-tkCartesianHorizontalAxis />
   <LinearAxis v-tkCartesianVerticalAxis />
   <BarSeries v-tkCartesianSeries :items="items" categoryProperty="" valueProperty="" fillColor="red" />
</RadCartesianChart>