Is there a way to programmatically select a slice of a Shield UI pie chart via Wicket (or the Javascript API)?
One way to handle this may be to select the item as demonstrated here:
http://www.shieldui.com/documentation/javascript.chart/api/dataSeries/data/selected
Related
I'm looking for an editable Gantt chart component that can be used in ReactJS. The need is to plot a resource Gantt chart where the user can change tasks on the time axis and also between the resources.
Preferably open source.
This one is really good too
https://github.com/guiqui/react-timeline-gantt
Can load thousands of records, has infinite scroll and task dependencies.
There is a gantt chart here which is ReactJS and open source (MIT) but as far as I can see not editable. But if you know ReactJS, making it editable would not be a huge job.
Docs: https://github.com/jamrizzi/react-gantt
Demo: https://jamrizzi.github.io/react-gantt/
You can take a look at this React Gantt chart component made with the help of dhtmlxGantt (js gantt chart library): https://github.com/DHTMLX/react-gantt-demo
Tutorial: https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/
I'm currently working on an MVC webpage, i'm using Kendo for MVC to display some charts. Now, i need a specific chart (image bellow) that i don't seem to find in Kendo. Any ideas how to customize kendo's chart? or are there any JS charts that can be customized like this?
For anyone that will search this. kendo wasn't the best solution as we couldn't add number is the middle. The best solution we could found is a library called Morris.Js http://morrisjs.github.io/morris.js/
I have looked through a number of open source and proprietary charting tools such as:
Stock Chart v3
HIGHSTOCK
dygraphs
Virtualization
These are all good charting options, some have an added dataset in a separate panel used with interaction(Only Volume). I would like to have this with multiple charts, like this:
In the above image, there are separate charts for different indicators but when interacting with the chart you can see the values on the right side of all 5 indicators.
Would it be possible to append another chart and have combined interaction in the same way with any existing charting options?
When using amCharts you are not limited to 2 panels. You can have any number of them. It's just this example that has two. I guess most of other tools does the same.
I am using Shield UI JavaScript Charts to visualize forex data. The charts are being constantly populated with data which is displayed over even intervals of time. However I need to be able to turn off/freeze some of them. The charts themselves have no such functionality, so am looking for some ideas/solutions I can use.
There are two possible scenarios I can think of.
The first one is just to pause the data visualization so that once resumed, the chart having been hidden will have the same points as the others.In order to do so, you may use a checkbox and recreate the chart only if the checkbox is checked/unchecked.
The second scenario involves skipping those data values that have been displayed on the other charts. In order to do so you only need to place the data binding inside the checkbox checked/unchecked clause.Once resumed, the chart having been paused will contain less points compared to the other non-paused charts on your page.
I am trying to add the actual value of all the bars in my chart to the
end of each bar. I want this to either replace, or to add to the tool-
tip functionality.
I see that this is possible in the image chart, it is the
functionality described in the following link that I wish to
replicate:
http://code.google.com/apis/ajax/playground/#image_bar_chart
I am wondering if this is possible in the Javascript based version of
the bar chart?
Many thanks,
H.
It looks like there's no built in functions to draw text ad-hoc on top of google's different charts. Behind the scenes, it's generating SVG so you could try to insert some valid SVG on your own.
Another option would be to use a more flexible (but less featureful) library like raphael.js:
http://raphaeljs.com/