I have a BarChart and Table on the same data.
I want to link these two visualizations such that if I sort the table column by a mouse click on one of the columns, it would reflect in the bar chart.
I found one example for the Visualization api:
http://code.google.com/apis/chart/interactive/docs/examples.html
But the sort method is not avaiable for com.google.gwt.visualization.client.DataTable.
How can I do it?
The google-gwt-apis haven't been updated for a long time and don't support the latest gogole chart features.
However you can extend DataTable and use JSNI to implement the sorting and unsupported functions yourself.
Refer to the DataTable.java and the google chart tools for more information.
Related
i am using the sync fusion chart plugin with Stacked Column Series graph with group name .But Multiple series are not working there because group names do not support them. Please find me any solution.
Please find any solution
Inspired by this example https://blog.ag-grid.com/column-drill-down-using-master-detail-ag-grid/ I tried to use the Master-Detail feature in the grid that uses grouping (react implementation).
The expected behavior is to have the ability to use Master/Detail where the user be able to click on the number cell of the lowest row in the table (the row that is not a group, with actual data) and display details in Master/Detail component.
But it seems impossible to use Master/Detail with grouping because it overlaps the grouping logic, the example is here https://plnkr.co/edit/hudNcOyseMueFwIR?preview.
The AG Grid documentation noted that The Master / Detail feature organizes the grid in a way that overlaps with other features. For this reason, Master / Detail does not work with certain grid configurations. These configurations are as follows: Tree Data, Layouts, Range selection. But there is nothing about restrictions with the grouping feature (via property rowGroup for colDef).
So how I can use Master/Detail in the described case? if it is possible... The main goal is to implement in React the provided example from the AG Grid site but with a grouping feature.
I'm creating the timeseries_stacked_column chart using SAPUI5 and the framework is plotting data for missing weeks even thought it's not fed to the chart. Please can anyone guide what's the best approach to avoid this.
Document link for chart property reference:
https://sapui5.hana.ondemand.com/docs/vizdocs/index.html#reference/chartProperty/Charts/Bar%20%20(15)/Stacked%20Column%20Chart%20for%20Date/Time%20Series/
Please see the screenshot below for the issue
Unfortunately the time series doesn't skip the intervals so the alternate solution to this was to use stacked_column chart with array of dimensions ["Year", "Week"] and plot accordingly.
Example: https://jsbin.com/nejefizuve/edit?html,output
I am making a time series line chart, currently using Google's standard Line Chart. The data consists of a set of dates and values for about a dozen different categories. There is no problem plotting this all to a chart.
What I'm running into is that I would like to overlay on the chart different milestones, what I'm looking for is some sort of annotation marker for a given date. The problem is there is no guarantee that the date of one of these milestones would necessarily land on the same date as one of the datapoints, and at least so far Google's Annotation Chart or adding annotations to the Line Chart all seem to require that the annotation be added as an optional text to a preexisting data point.
I started playing with Rickshaw since some of the tutorials made it look like it supported arbitrary annotation points, but it seems like it's a bit of work to get it to look as nice as the Google charts do out of the box.
Is there a way or hack or something to add annotations to the Google Annotation Chart if the annotation date doesn't match to the date of an existing data point? Or is there some other charting library that would more easily handle this?
With the LineCharts, you can annotate the axis values by adding an 'annotation' role column immediate after the domain (axis) column. You can add one or more rows to your DataTable that contain annotations on specific dates, even if those dates don't have any data at other points - just set those other columns to null.
I have a problem using Eclipse BIRT, i'm trying to create a list with group headers including a chart relevant to the specific group header. So lets say i'm trying to create a list with all employees including their sick hours monthly in a bar chart.
Name
[CHART], Contract hours, Division, job
Name
[CHART], Contract hours, Division, job
How can i create this without creating a specific data set for every employee? This is what i am currently doing and it renders the grouping functionality of my list useless since i need to create a new dataset and list for each employee.
Regards,
Rik
When you add the chart, do not bind it to the Report Data Source. On the data tab select "Inherit Data From Container". This will ensure the chart is bound to the data that is populating the list, not the underlying (ungrouped) data set.
Here is a smple that does what you need including a link to a live running demo.
Dynamic Chart Creation at BIRT Exchange Dev Share
Good Luck!