In my application I have used jQuery Highcharts for reports.
In Highcharts, how can I sort the legend items? Means when I click on legend items, it should sort active items on top and hide items at the bottom automatically. Because I have more than 50 legend items in list. plugin has provided the pagination also. but if I active the bottom portion of the items, it will be remains at the bottom. we can't able to find out which items are active.
Is there any function or logic to sort items in legend?
It's not supported. You need to loop through all series and points and then update each series using series.update({ legendIndex: sortedIndex }) function.
Related
My Polymer custom element has a Vaadin grid with say 10 rows.
It allows selection of rows using vaadin-grid-selection-column, which renders checkboxes bound to the selection state of the grid on every row.
I need to:
allow selection of say only 8 rows based on some condition.
disallow selection for the balance 2 rows (either not show the checkbox or show it as disabled).
I am not sure if
<vaadin-grid-selection-column auto-select></vaadin-grid-selection-column>
can be conditioned in any way to achieve the result.
I appreciate any suggestions..
You can generate your own checkboxes in a renderer function. Check similar issue and solution in How to hook data-grid events in parent lit-element component?
I need to display open a pane where I can display the full text of selected column.
I was referring to
How can I add multiple tooltips on kendo ui grid.
but not getting how to get the tooltip for each column selected.
Thanks in advance.
See if this demo helps you.
The Tooltip widget has a content configuration that accepts either a string or a function returning a string.
This function gets a parameter containing the target for the tooltip which is the element your mouse is hovering over.
You can filter the elements so that only tds pop the tooltip.
Here's how I built and applied the tooltip options object I use in the example:
$("#container").kendoTooltip({
filter: "td",
content: function(e) {return e.target.html();}
});
This example will show a tooltip containing the same content as the cell you're poining at.
If you have any further questions, feel free to ask them.
I have added a list to the dashboard and would like the chart to appear next to the list without having to use up one of my 6 slots. There is an option to "Display Chart Selection" however when this is selected the chart isn't shown. The chart is only shown if I choose "Show Chart Only" in which case I lose the list.
In simple is there a way to display both Chart and List using up one slot on the dashboard?
you have to use to slots for this, there is no other way around it.
Thanks
In dc.js I'm displaying the number of filtered and total rows with dc.dataCount:
dc.dataCount(".dc-data-count", "charts")
.dimension(data_cf)
.group(all);
and
<div class="dc-data-count">
<strong class="filter-count"></strong> selected out of <strong class="total-count"></strong> records
On the same page, I have a d3 donut chart that I've drawn. Within this chart I'd like to display the filter-count (which updates as filters are applied), as well as other calculations like the sum of a value in the current selection. Given that dc.dataCount is accessed by a div class, I don't know how to access the number to place precisely in my donut chart.
How can I pass values from dc.dataCount or some other grouping into a d3 object?
Thanks!
I would do this with a renderlet on the donut chart that just reads the values you need, and adds them. Renderlets run after the chart has rendered, so there is a slight delay, but it shouldn't be too disturbing for this use.
As for how to get the numbers, there is no magic to the dataCount widget; it's just reading crossfilter values:
https://github.com/dc-js/dc.js/blob/master/src/data-count.js#L77
So you can add text elements to the svg using dimension.size() and group.value() in the same way.
I have a list of projects. When I click on a column header, the column is sorted and a sort arrow icon appears in the column header. However, the column keeps the sort and the sort arrow icon even after filtering the records (by entering text in the filter textfield and pressing the Filter button). I want the sort and the sort arrow icon to be removed from the column each time I filter the records. I have found some posts about clearing the sort arrow icon when a grid reloads (see links below). But how can I apply this to my situation? Any tips would be much appreciated.
http://www.sencha.com/forum/showthread.php?48437-Help-How-to-remove-sort-field-when-reload-grid
http://www.sencha.com/forum/showthread.php?3098-Clear-grid-s-sort-arrow-icon
In Ext JS 4.x you can just clear the sorters on the grid before you filter.
grid.store.sorters.clear();
grid.store.filter("name", "Lisa");
Here is a working fiddle:
http://jsfiddle.net/Vandeplas/5aKdc/
UPDATE:
if you don't filter/make a change you can force the UI to update by using:
grid.view.refresh();
Example: http://jsfiddle.net/Vandeplas/5aKdc/3/
Use following options at column model (ExtJs 3.4)
menuDisabled:true //there will be no any menu
sortable:false // there will be menu but disabled sorting option