I am using svg to draw the chart using highcharts and basically want to have the custom legend which can be exported. so we are trying to draw the custom legend for line chart.I just want to have the <ul><li></li></ul> using the svg elements and can specify the width in terms of percentage.
Related
We often show several legends in our charts and usually even a label as footer.
The legends can be above or below the chart and thus also the footer.
If there is more than one legend, the legends should be drawn stacked up, one above the other.
For this case we use standalone legends and labels.
But we have a problem:
Since the legends and the chart are all drawn in the same container, the chart hides the legends.
We have solved the problem so that the margin of the chart is adjusted when a legend is drawn underneath it. Now the chart takes less space and you can see the legend as planned.
However, this does not work properly if there are several legends or footer.
Standalones cannot be placed with top() or left(), but only have their parent container and a position().
Manipulating the margin of each legend and the chart to fit them all in the container is not a satisfying way to do this.
There must be a better way to control the layouting of the elements within the container.
What is the right way to do this?
The position of standalone legend on the stage can be controlled using parentBounds() function. For details, check the sample.
Export of charts to PDF or SVG working.
Export of a zoomed chart results in SVG-File with chart without zoom. Is there a way to generate a SVG image of the chart with the selected zoom?
You should be able to export the zoomed chart by setting the extremes of the axes. I think axis extremes are not synchronized, but you can get the values from a ChartSelectionEvent for instance.
Hi Is there some way that Itext and rectangle could be grouped and on clicking on the text, itext is editable with in the rectangle width. In case text is beyond the rectangle, it should wrap to the next line or font size is decreased.
I've got a scatter chart in an SSRS report and a requiremetn to label each quadrant of the chart.
When I drop a text box with the label of each quadrant and get it to look just how I want it in the designer all seems well.
But when the report is run the flow based layout of the report put the text boxs vertically under need the scatter chart.
How do I get the text boxes to remain on top of the chart?
In designer
Rendered report
Consider adding the Quadrant labels as a chart title instead of a textbox. You will need to enable the CustomPosition property of the chart title to True in order to place the titles in the corners.
I am unable to post an image without some "reputation" but I was able to add the quadrant titles successfully.
I have an SVG image of three circles and making Venn-diagram with cross sections.
And I want to drop some objects in each section and find out each object is in which section.
My SVG image is created by seven layers, I want to know in which layer my object is dropped.