amcharts/responsive

responsive's Issues

Test issue 2

Test issue 2

Using with Maps

You don't show usage info for ammaps. It should work with them too right?

When data is changed prior to resizing

There is an issue when you change chart data prior to resizing. Chart is responsive, but resized chart shows old data instead.
UPDATE: it happens on rule trigger
UPDATE 2: I noticed it for pie chart, did not test for others

pointing his finger on the graph and tells exactly point

i have made a graph using the amcharts lib.

https://github.com/bb14521/amcharts-javascript-graphs

when i point on the curve, it has to show the point at cursor. but it shows points of another curves.
why ? how can i fix it.

Test issue

Testing the issue

Cannot read property 'position' of null

Somehow legend can be null and plugin only checks if it's undefined.

I have created a PR for this issue #8

Ability to control immediate, sequential resize/redraw attempts

Currently, if responsive feature is enabled on a chart, chart's responsive redrawing is directly proportional to number of resize events triggered on the chart's container element. This can be synthetically controlled if the developer has the control over the chart's container element. This is demonstrated in AmCharts codepen https://codepen.io/team/amcharts/pen/QwgEKQ. It employs enabling the animation property of resizable jQuery plugin.

There are use cases where the developer may not have control over the chart's container. In such cases, the chart can redraw many times and adversely affects the performance as well as user experience. It can be seen in this modified version of above codepen https://codepen.io/git-ashish/full/oERQBg/

Try to resize the container using container handles. You will observe that the chart redraws on every resize event.

This could be easily solved by providing a simple timeout property to control the redrawing.

responsive/responsive.js

Line 1271 in 019d2ae

chart.addListener( "resized", checkRules );

Looking forward to thoughts.

Chart Disappears

I am not sure why, but this plugin is making my entire chart disappear except for its legend. Here's what the chart normally looks like:

And on a mobile display, the legend takes up too much room:

Thus, the need for this plugin. However, when I enable the responsive plugin, the chart area is blank:

And it disappears entirely when viewed on mobile--the legend disappears, as it should on mobile, but the chart is still gone. And both are still gone when I resize the browser window back to desktop-size.

All I can figure is that, because I am creating the graphs at runtime instead of in the JSON object when the chart is first initialized, perhaps responsive doesn't have anything to work with when it activates? (i.e., I am not using the dataProvider property.) Is there an API call so I can activate it after I've populated the graphs?

"hidesBulletsCount" graphs property not inherited (nor overridable) with responsive plugin

I have a serial AmChart with the following graph properties:

 "graphs": [{
                    "id": "g1",
                    "bullet": "round",
                    "bulletBorderAlpha": 1,
                    "bulletSize": 5,
                    "hideBulletsCount": 50,
                    "title": "red line",
                    "useLineColorForBulletBorder": true,
                    "valueField": this.props.valueField,
                    "balloonText": "<div style='font-size:14px;'><span style='font-size:11px;'>[[category]]</span><br>[[value]]</div>"
                }]

Before I applied the plugin, the bullet points were visible up to 50 data points. When I apply the responsive plugin, it appears that the hideBulletsCount defaults to 10. I noticed this with an original dataset of 30 points. When I adjust the chartScrollbar to show a region with <=10 data points, the bullet points are now visible.

I have also tried to rectify this problem by providing an "overrides" config object but not even this works:

"responsive": {
                    "enabled": true,
                    "rules": {
                        "minWidth": 100,
                        "overrides": {
                            "graphs": {
                                "hideBulletsCount": 50
                            }
                        }
                    }
                },

This didn't work either. Could you please assist me and inform me if this is a bug or if I set a property wrong? The version of amCharts I am using is 3.19.0.