I need to add new diagram below of current diagram in Highstock. For example I have this diagram:
How can I add new diagram into this digram?
The new diagram is synced to the older one and I don't want to draw new diagram in a new html div. See the red line in 2nd image.
Related
In the chart that I am creating there is no tooltip on the first data entry. The graph is aligned with no margins within a container so that the first data entry is the border of the xAxis on the left and last data entry is the edge of the graph on the right.
On the example I am giving the link to, it will show the tooltip when you resize the graph into a smaller version (pictures attached).
Does anyone know why the tooltip is missing?
Here is a link to code online
I have designed a treemap using highcharts with custom algorithm.It has a drilldown to 1 level. There is a drop down for my chart and it has two options for selection. treemap is displayed on the basis of dropdown selection which has a group by feature implemented using underscore.js library. The feature is working fine. But the problem is, all the tiles which are grouped together, are placed next to each other. My requirement is : i want all those tiles to be packed in one big tile with one label. something like header title in D3(exactly the same). Please let me know how to go about it. Is it something like treemap within a treemap? Also i wanted to know if its feasible to have different labels and tooltips for parent and children in the same treemap. any leads would be helpful.
actual image
I am testing out FastReport VCL 5 as a replacement for our application's extremely old reporting tool. One of the things we do a lot of is printing of forms to laser printers and I am trying to figure out how to print the form elements. For example, we have an invoice that has some borders around the edge of the page, company name at the top, watermark logo image in the middle, dividing lines, etc. Inside these form elements are the standard invoice headings (invoice #, date, account name, etc) and detail items (specific charges, comments, etc). I cannot figure out how to get the form elements to print behind the master and detail bands? If I use the page heading band, it has to print before (not behind) the master data band.
Here is a sample of what I'm trying to do:
The shaded blue area is the invoice header (the master data band). The shaded green area is the invoice details (the detail band). The shaded yellow area is the totals band. The rest of the report (the frames, lines, company header, etc.) are all parts of the form.
Now, the trick to this is that if this invoice spills on to multiple pages, the invoice header has to reprint and the details have to stay inside the box that they are in (between the 2nd and the bottom horizontal lines). I tried the overlay but there does not seem to be a way to restrict the detail band between two y coords.
Using #bummi's suggestions, I moved the header information in to a Page Header band (instead of a Master Data band) and the invoice items then went in to the Master Data band. I then added a Page Footer band to keep the invoice detail from overwriting the bottom of the form. Finally, all of the form stuff I put in to the Overlay band. To create the watermark, I created a very light version of the image and then just put that as a picture in to the Overlay band.
Is it possible to update a chart's option (marginRight for example) and call redraw() to have that new value reflected in the chart? Or does a new instance of the chart need to be created for these types of changes?
I think it may be the latter because it sounds like only data or axis values can be altered after the chart is created. I see the documentation for redraw states:
Redraw the chart after changes have been done to the data or axis extremes
And the new dynamic feature in 3.0 states:
Through a full API you can add, remove and modify series and points or modify axes at any time after chart creation.
Thank you in advance.
Update
My reason for wanting to do this was I had a vertical layout and right-aligned legend that was overlapping my chart. I just realized Highcharts automatically sets the correct marginRight to accommodate for this if one isn't explicitly specified.
Unfortunately you cannot modify margin parameter dynamically, so you need to destroy old chart and create new instance.
This feature is one of our target in the nearest future.
Say you got a chart initialized like this:
chart = new Highcharts.Chart({
...
You can change trivial attributes, like its title, like this:
chart.setTitle({text: "New title"});
And you can refresh the dataset it's using with a new one, like this:
chart.series[0].setData(newChartData, true);
Where newChartData will contain the array with new data you wish to display
I am using circle layout in jung. On the click of button i am able to create a new node but it overlaps with the earlier one. Ever new node is getting generated at the same position. Please help me in dynamically allotting a location to newly created node
CircleLayout is a static layout: if you add new vertices to the graph, you need to create a new CircleLayout instance.
Aside from that, I have no idea how you're assigning locations to vertices when you create them, but that's your code, not ours. :)