I am new to DC.js and crossfilter. I have a barChart and a rowChart. Selection and filtering is working as expected. After I click the barChart , I see the filter ok but other bars are not faded out.
I want all other Bars to fadeout (except one selected), similar to the row chart.
Here is the Fiddle: https://jsfiddle.net/usingh2buffaloedu/yyps72k5/27/
my data looks like below:
var data = [{"Period":"Q1 2017","Group":"Group1",, more
jsfiddle has all the script and data.
I am using Crossfilter for all grouping.
Any ideas? Thanks all.
Related
js` to display the bar chart and each part of bar chart has multiple bars. so when i click the bars i need the specific index with in it.please help me fix it and check the fiddle.
Example
I have a Google Charts scatter plot with various points specified on it. I also have a side bar with a list of values corresponding to the points on the scatter graph and when I select a side bar value, it highlights the corresponding point in the graph.
I would like to change the fill-color of the selected item when it is selected. Currently, my working selection code is:
$("#select").on('click', function() {
scatterChart.setSelection([{row: 1, column: 1}]);
});
I have tried using setValue() and setProperty on the data and have redrawn the chart but it has no affect.
Any help much appreciated.
I have a bar chart that created in dc.js and hosted in jsfiddle. i want to remove x labels of this chart . after searching i find this SF question. but even i set
.xAxis().ticks(0)
it doesn't work and i can see the label.so how can i remove the xAxis labels.
Use the .tickValues() function instead, passing an empty array:
.xAxis().tickValues([]);
Complete demo here.
I have a page which includes a pie graph and a column graph using highcharts.
Very similiar to this example here,
http://jsfiddle.net/highcharts/Vf3yT/
The issue I'm having which can be seen in the example aswell, is
If I click on an item in the column graph to drilldown, I get "Back to Overview", I click it, and it takes me back no problem.
However, its when you try to drill down two graphs at the same time I get an issue. If I click on at item in column graph and then in the pie graph, and try to drill back up on column, it thinks the column graph has drilled down twice. and If I drill up twice on the column graph, I am then unable to drill up on the pie graph.
The graphs are rendered in different divs, using different options like so
optionsColumn.chart.renderTo = 'graph';
optionsColumn.chart.type = 'column';
var chart1 = new Highcharts.Chart(optionsColumn);
optionsPie.chart.renderTo = 'graphPie';
optionsPie.chart.type = 'pie';
var chart2 = new Highcharts.Chart(optionsPie);
The issue also exists in the example and I have been unsuccessful in finding a fix for this.
It's a bug in version from jsfiddle, it's already fixed on master branch, see: http://jsfiddle.net/Vf3yT/354/
<script src="http://github.highcharts.com/highcharts.js"></script>
<script src="http://github.highcharts.com/modules/drilldown.src.js"></script>
How can i hide/show a praticular column in the Column Chart of Highcharts api.
i have a single series. The column to be hidden lies on the xaxis.
For sine Chart, chart.series[4].hide() /show() works fine
and for Pie Chart, chart.series[0].data[0].setVisible(false);
works fine. But i am not able to figure out the solution for Column Chart. Please Help!
You can use Element.hide() and Element.show(), so for example:
var chart = $("#container").highcharts();
chart.series[0].data[0].graphic.hide();
chart.series[0].data[0].dataLabel.hide();