amcharts / responsive Goto Github PK
View Code? Open in Web Editor NEWLicense: Apache License 2.0
License: Apache License 2.0
Test issue 2
You don't show usage info for ammaps. It should work with them too right?
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
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.
Testing the issue
Somehow legend can be null
and plugin only checks if it's undefined.
I have created a PR for this issue #8
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.
Line 1271 in 019d2ae
Looking forward to thoughts.
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?
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.