vue组件父传子有关echart颜色问题

问题：在做echart视图的时候，有多个柱状图。只是颜色不一样。现在想在父组件上添加一个:barColor这样的属性，通过父组件单独定义颜色传给子组件。
p.s.最好不是那种颜色数组解决办法，var color =["#...","#..."],

父：

<OrgBar :monID="curTimeStr" :orgID="ORGID" :barColor=""/>

子：

 props: {
barColor: String,
},
orgBarEchart(){
var colorBar = "";
var option = {
.......
color:"colorBar"
}
}

以上的办法不显示，报错。

回答

？？？
vue组件父传子有关echart颜色问题
这里你给color赋值字符串干嘛，要用prop传过来的值是this.colorBar，prop传过来的值都绑定在vue实例里面也就是this上面

要用父组件通过props传过来的值

    ......
    var option = {
       .......
       color: this.barColor    }