Why can’t I zoom in a Shield UI Pie Chart? Are there any settings to be enabled? I tried the
zoomMode: 'xy',
property, with no success.
You can’t zoom in on a pie chart. Nor do I see any need to. The only case you might need to do that is if the size of the pie is misset and it is bigger than the chart’s plot. Even if there was some possibility it would be resizing, and not zooming, since all the data is visible constantly.
Related
I am looking to merge bar chart and line chart in the same responsive container in recharts, in a way that they overlay each other. It is possible?
You need Composed Chart from their API and you can decide what chart can overlay another by placing it higher or lower in your code.
I used a PieChart in an CodenameOne App and found out, that the labels does not fit on the screen on my iPhone (see screenshot). It's ok on an iPad - but not on smaller devices. I know that I can set a scale-factor - but I think there is no scale factor that fits well for all device sizes.
Is there any solution for this problem?
You can set the label sizes based on millimeter sizes by using convertToPixels from Display or CN. This might not be enough though and you might need to have some special cases to get charts working properly on all devices. You can use features like isTablet and getDensity to tune the behavior to some degree.
Looking at the source for the PieChart, you have a few options here:
Use the renderer's setScale() method to scale the pie chart. This should only affect the radius of the Pie. The default is to make the pie radius 35% of the min(width,height) of the chart component. If you scale it, it will apply that scale. You could check the display width to determine what scale you're going to need so that you only scale on devices that need it.
Use a legend instead of showing the text labels. (i.e. renderer.setShowLegend(true).. and renderer.setShowLabels(false)). Again you can do this selectively based on whether the device is a tablet or a phone.
I am using angular and google-chart for drawing charts on WEB GUI; I would like to allow user to select a rectangular area of chart and zooming that zone. How can I do that using ? Is it not possible with google-chart, can you suggest another free visualisation tool that supports that ?
Thanks
i believe the configuration option you're looking for is --> explorer
this will provide the default explorer behavior, enabling users to pan horizontally and vertically by dragging, and to zoom in and out by scrolling.
explorer: {}
use the following to allow zoom by dragging across a rectangular area
explorer: {
actions: ['dragToZoom', 'rightClickToReset']
}
note: the option only works with continuous axes (such as numbers or dates).
Can anyone put me in the right direction. I am able to get examples from this link http://www.microsoft.com/maps/isdk/silverlight/ to work but I haven't been able to use the pie chart.
This is fairly easy. Create your pie chart UIElement and then use the MapLayer.Position and MapLayer.PositionOrigin properties to set the position of the pie chart. Then add the pie chart to the map's children property or a MapLayer.
There is a code sample here: http://www.microsoft.com/maps/isdk/silverlight/#MapControlInteractiveSdk.Tutorials.UIElements.TutorialPositionLocation
Is there a way to detect when the mouse goes over a bar in the chart ?
Take a look at ImageMapUtilities. I added mouseover capabilities by drawing custom XYAnnotations over what I wanted the browser to respond to, and specifying the appropriate tooltip/URLs in the annotation.
(the above is particularly useful for a browser)