[dc.js] line chart

check colour is set properly after update (line AND dots)

HTML

<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.1/crossfilter.min.js"></script>
<script src="http://dc-js.github.io/dc.js/js/dc.js"></script>
<link rel="stylesheet" href="http://dc-js.github.io/dc.js/css/dc.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
<div id="sob"></div>
<div id="pu"></div>

JavaScript

var sobRingChart = dc.pieChart("#sob"),
    PUchart = dc.compositeChart("#pu");


var spendData = [
    {Source: 'Web', RNs: '40', Segment: 'V1'},
    {Source: 'Web', RNs: '10', Segment: 'V2'},
    {Source: 'Web', RNs: '20', Segment: 'V3'},
    {Source: 'Web', RNs: '50', Segment: 'V5'},
    {Source: 'Internet', RNs: '90', Segment: 'V1'},
    {Source: 'Internet', RNs: '10', Segment: 'V3'},
    {Source: 'Internet', RNs: '70', Segment: 'V4'},
    {Source: 'Internet', RNs: '10', Segment: 'V2'},
    {Source: 'Internet', RNs: '10', Segment: 'V5'},
    {Source: 'FX', RNs: '20', Segment: 'V1'},
    {Source: 'FX', RNs: '40', Segment: 'V3'},
    {Source: 'FX', RNs: '45', Segment: 'V4'},
    {Source: 'FX', RNs: '50', Segment: 'V2'},
    {Source: 'FX', RNs: '48', Segment: 'V5'},
    {Source: 'FDS', RNs: '20', Segment: 'V1'},
    {Source: 'FDS', RNs: '40', Segment: 'V4'},
    {Source: 'FDS', RNs: '40', Segment: 'V5'}
];
// normalize/parse data
spendData.forEach(function(d) {
    d.RNs = d.RNs.match(/\d+/);
});

// set crossfilter
var ndx = crossfilter(spendData),
    sourceDim  = ndx.dimension(function(d) {return d.Source;}),
    SourceGrp = sourceDim.group().reduceSum(function(d) {return +d.RNs;}),
		all = ndx.groupAll().reduceSum(function(d) {return +d.RNs;});

sobRingChart
    .dimension(sourceDim)
    .group(SourceGrp)
    .innerRadius(50)
    .controlsUseVisibility(true);	
	
	
var spendData2 = crossfilter([
    {Source: 'Web', CY: 40, T: 120, LY: 120},
    {Source: 'Web', CY: 90, T: 100, LY: 120},
    {Source: 'Web', CY: 90, T: 119, LY: 50},
    {Source: 'Web', CY: 90, T: 50, LY: 60},
    {Source: 'Web', CY: 10, T: 0, LY: 60},
    {Source: 'Web', CY: 90,  T: 120, LY: 60},
    {Source: 'Web', CY: 10,  T: 0, LY: 60},
    {Source: 'FDS', CY: 20,  T: 120, LY: 60},
    {Source: 'FDS', CY: 40, T: 0, LY: 60},
    {Source: 'FDS', CY: 80, T: 120, LY: 60},
    {Source: 'FDS', CY: 47, T: 0, LY: 60},
    {Source: 'FX', CY: 20, T: 120, LY: 60},
    {Source: 'FX', CY: 40, T: 0, LY:...