How to create scrollable charts in DHTMLX charts - javascript

Is there any way to create scrollable DHTMLX Chart(Bar or Line chart).
As I understood from the code, the chart is drawing in three canvases.
one for horizontal lines, one for vertical lines and another for the actual chart. So, I am not able to make the chart scrollable.
I can put the total chart into a DIV and then I can use overflow:scroll.
But with this the y-axis labels will be hidden when I scroll to right side.
Is there any way to draw scrollable charts with DHTMLX chart. scrollable means like DHTMLX Gantt.
Could you please suggest me.
Thanks in advance.

Unfortunatelly there is no such functionality in dhtmlxChart. You can only scroll the oughter container.

Dhtmlx Chart has an option to add what they call 'series' (Sample: http://dhtmlx.com/docs/products/dhtmlxChart/samples/08_dynamic/01_add.html, what you could try to do is create an event that would control the vertical/horizontal scroll to dynamically add those 'series' creating a fake scroll effect, but i think that's too much work for too little gain.

Related

Using chart.js version 3, How do create Custom Labels with Links?

I'm using Charts JS and I'd like to create some custom Labels on a Stacked Bar Chart. I'm trying to recreate this following chart:
How do I create custom labels as circled in Red above? I'd like to link to other pages with these labels. Actually the bolded text would link to one page and the normal text would link to another page.
Also How would you label each bar in a way that the values drop down off the bar when there is not enough room to display it on the bar? See the "4%" or "6%" on the right side of the graph.
I also want to know how to put a margin spacing between each stacked bar. See the vertical white space between each bar on the image above.
Any help with the issues above would be greatly appreciated. Thanks.
I ended up creating my own chart using div and widths. Sometime you have more control over look and feel if you build it your self.

How to add a button to a chart.js graph

How do I add a button inside a chart.js graph?
I want to create a pie chart with drill down. The drill down effect is actually pretty easy with a chart onClick function. But I want to add a button to go to the top level to the canvas. I do not want to place it outside the canvas
I found a similar example of a different chart library.
https://www.highcharts.com/demo/pie-drilldown

Repositioning (Custom) tooltips with chart.js in a Doughnut Chart

I have finally tried to rebuild my 12 month old project better.
What I Have:
A Doughnut Chart (chart.js) with an Accordion (jqueryUI) for the details.
When I click on a part of the doughnut, the Accordion on the left shows the Details (Text) for this Segment.
I would like to redesign the Tooltips as you can see in the both screenshots
where can i change the positioning of the Tooltips to be around the Chart and not on it? anyone any suggestions? all i can see in the Code is just the behavior to put the arrow above or below the tooltip...
thanks for help

Adding a horizontal line in canvasJS

I am making a comfort level chart with multiple area charts. I want to draw a horizontal line, making it a level line. I am getting the area charts data. but i cannot get line data. I have to create it by own.
Please help.
Thanx in advance.
You can add Custom Horizontal Lines by using StripLine with value

Scrollable Flot Chart

I have a flot chart that is a nice line chart. Currently, if you click and drag over the chart, it will select the dragged-over area and when you let up the mouse, it will zoom into the selection. What I want, is for that behavior, but to then put a scrollbar under the chart that lets me scroll through the data at the current zoom level. What I am looking for here is the general way to hook into Flot that allows me to define what part of the data is currently visible. Thanks in advance.
You should check out the navigation plugin which allows panning and zooming.
The example there lets you pan using a compass arrow interface, but there is no reason you couldn't use something like a scroll bar instead.

Categories