Line chart line color change

[Alex]

Unfortunately the color binding is not working:

            <div id="CounterChart" class="dsb-production-chart" data-bind="visible: group4ChartView()">                
                <div id="CounterChart2" data-role="chart"
                     data-legend="{ position: 'bottom' }"
                     data-series-defaults="{ type: 'line' }"
                     data-series="[
                                     { field: 'OutputCounter', name: 'Output'},
                                     { field: 'RejectCounter', name: 'Reject'},
                                     { field: 'TotalCounter', name: 'Total'}
                                 ]"
                     data-series-line-color:"['yellow','red','green']"                     
                     data-bind="source: LineChartCounters"></div>
                </div>
            </div>
                   

What did I wrong?

kind regards
Alex

[Kevin Kembel]

Hi Alexander,

I've never touched on the MVVM, but I wonder if this would work:

data-series="[
  { field: 'OutputCounter', name: 'Output', color: '#FFF000'},
  { field: 'RejectCounter', name: 'Reject', color: '#FF0000'},
  { field: 'TotalCounter', name: 'Total', color: '#00FF00'}
]"