The following table summarizes the known issues and limitations of the igZoombar
control. Detailed explanations of known issues and the possible workarounds are provided for some of the issues in the following summary table.
Workaround available | |
No known workaround | |
Fix planned |
Issue | Description | Status |
---|---|---|
igDataChart Radial Series not supported |
igZoombar supports only horizontal zooming while Radial Series zooming makes sense only when done on both axes. Because of this, zooming Radial Series with igZoombar does not work properly. |
|
igZoombar thumbnail not rendered when used with igDataChart | igZoombar creates its thumbnail by using the options of the igDataChart control (which is referenced in igZoombar ‘s target option). igZoombar trims off some of these options in an attempt to remove the clutter from the thumbnail. This can make the new option set invalid. |
|
The clone and the target widget of igZoombar doesn’t synchronize automatically | Changing the widget being zoomed by the igZoombar control does not update the clone automatically. |
|
igZoombar does not work with igDataCharts with Stacked Series |
The igZoombar creates a clone of the original igDataChart that it targets. By default the igZoombar infers the clone's options from the original chart object (refer to the clone option of the igZoombar ). In the case of the stacked series, which have a more complex structure, the original chart modifies the series that the user provides internally. Due to this the igZoombar cannot obtain the original series and cannot recreate the clone automatically. |
igZoombar
creates its thumbnail by using the options of the igDataChart
control (which is referenced in igZoombar
‘s target option). igZoombar
trims off some of the options attempting to remove the clutter from the thumbnail. This can make the new option set invalid.
Workaround: Use
igDataChart
options to initializeigZoombar
by configuring its clone option.
In JavaScript:
$("#zoombar").igZoombar({
target: "chart",
clone: {
// use igDataChart options
}
});
Changing the widget being zoomed by the igZoombar
control does not
update the clone automatically.
Workaround: Using the
igZoombar
public API, retrieve the element on which the clone is initialized and apply the same changes on it. When updating theigDataChart
instance, also update itsigZoombar
thumbnail clone using the clone API method.
In JavaScript:
$("#dataChart").igDataChart("addItem", {"Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, "series1" );
$("#zoombar").igZoombar("clone").igDataChart("addItem", {"Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, "series1" );
The igZoombar
creates a clone of the original igDataChart
that it targets. By default the igZoombar
infers the clone's options from the original chart object (refer to the clone
option of the igZoombar
). In the case of the stacked series, which have a more complex structure, the original chart modifies the series that the user provides internally. Due to this the igZoombar
cannot obtain the original series and cannot recreate the clone automatically.
Workaround:Use igDataChart options to initialize igZoombar by configuring its clone option.
In JavaScript:
$("#zoombar").igZoombar({
target: "chart",
clone: {
// use igDataChart options
}
});
View on GitHub