Hi,

I need to tap on one of those legends (ex: Negative) and it should channel 
in light of that feeling just, expecting just a red line have appeared and 
all other dc diagram channels 
<http://kosmiktechnologies.com/angularjs-training-hyderabad/> in view of 
this. had a go at something like this on composite, however, couldn't hit 
the nail on the head... 

var dateDimension = cf.dimension(function (d) { if (d.dd) { return 
d3.time.day(d.dd) } else { return d3.time.day() } });

                            var negativeSentimentGroup = 
dateDimension.group().reduceSum(function (d) { return d.sentiment === 
'negative' ? 1 : 0; });
                            var positiveSentimentGroup = 
dateDimension.group().reduceSum(function (d) { return d.sentiment === 
'positive' ? 1 : 0; });
                            var neutralSentimentGroup = 
dateDimension.group().reduceSum(function (d) { return d.sentiment === 
'neutral' ? 1 : 0; });

                            var minDate = dateDimension.bottom(1)[0].dd;
                            minDate.setDate(minDate.getDate() - 1);

                            var maxDate = dateDimension.top(1)[0].dd;
                            maxDate.setDate(maxDate.getDate() + 1);
                            // Group comments count by date

                            var dateDimensionGroup = 
dateDimension.group().reduceCount();

// Plot for Daily progress of comments
                            var sentimentSeriesChart = 
dc.compositeChart("#sentiment-series", groupName);

                            
sentimentSeriesChart.on('pretransition.hideshow', function (chart) {
                                chart.selectAll('g.dc-legend 
.dc-legend-item')
                                    .on('click.hideshow', function (d, i) {
                                        $scope.lineChange(d.name);
                                    });
                            });
                            var negativeSeriesChart = 
dc.lineChart(sentimentSeriesChart).group(negativeSentimentGroup, 
"Negative").colors('red');
                            var positiveSeriesChart = 
dc.lineChart(sentimentSeriesChart).group(positiveSentimentGroup, 
"Positive").colors('green');
                            var neutralSeriesChart = 
dc.lineChart(sentimentSeriesChart).group(neutralSentimentGroup, 
"Neutral").colors('orange');
                            var timeBarChart = 
dc.barChart(sentimentSeriesChart).group(dateDimensionGroup).centerBar(true);

                            sentimentSeriesChart.width(1000)
                                .height(200)
                                .margins({ top: 10, right: 10, bottom: 60, 
left: 40 })
                                .dimension(dateDimension)
                                .transitionDuration(500)
                                .brushOn(true)
                                .title(function (d) {
                                    return chartingDateFormat(d.key) + ' : 
' + d.value;
                                })
                                
.legend(dc.legend().autoItemWidth(true).x(450).y(180).horizontal(true).itemHeight(16).gap(80).maxItems(3))
                                .renderHorizontalGridLines(true)
                                .compose([
                                    negativeSeriesChart,
                                    positiveSeriesChart,
                                    neutralSeriesChart,
                                    timeBarChart
                                ])
                                .elasticY(true)
                                .yAxisLabel("No. of Comments")
                                .x(d3.time.scale().domain([minDate, 
maxDate]))
                                .xUnits(function () { return 90; })
                                
.xAxis().tickFormat(d3.time.format("%d/%m"));

                            // Set number of ticks
                            sentimentSeriesChart.yAxis().ticks(5);

In the above bit of code I'm ready to get the snap occasion on Legend (ex: 
Negative) and on that I'm separating my dataset with just Negative remark 
and the doing, cf.remove(); (where cf is cross-channel occurrence ) and 
including the new sifted informational collection - cf.add(filterData); and 
redrawing the entire dc assemble - dc.redraw(groupName); 

By this I'm ready to channel the information however the date extend in 
composite outline is demonstrating inaccurate,

Thanks and Regards,
Sireesha.

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to