I'm looking for a pluggin to install so that I can create matrix charts in vue 2. I already use Chart.js version 3.7.1 but it does not seem to support matrix chart. Can anyone help?
Related
I used Highcharts on my project in mobile react native and found after trying to pinch-to-zoom on graph x-axis and y-axis are not refreshing to shows smaller x-coordinate numbers.
However when I used to work in Expo, it was properly worked and showing correct number during pinch-to-zoom.
Please advise if you ran into same issue and how you fixed it? I am guessing there should be an event needs to be trigger to refresh charts.
Tried to use Highcharts zoon feature on react native code for my graph, expecting to see smaller numbers of X and Y axis on graph after pinch-to -zoom
I have found, that you have already asked your question on Freshdesk, our support channel. In the future, please do not duplicate topics across our support channels, as we work as a single team of developers.
The React-Native package is deprecated, so that means, that we dropped support for that package, and it now is in hands of the community. If you need any support with this package, you can create an Issue in GitHub and might find some help there. Alternatively, you can try to search for some new package, which is not official. On the other hand, you can try to use methods, like chart.redraw (https://api.highcharts.com/class-reference/Highcharts.Chart#redraw) or chart.reflow (https://api.highcharts.com/class-reference/Highcharts.Chart#reflow) - they are responsible for redrawing/reflowing the chart, which will refresh the chart.
For my job I need to reproduce this doughnut Chart for our website that is using Vue Js:
enter image description here
I already succeeded in creating the doughnut chart using this library (vue-chartjs) but I’m really struggling with completing the arcs elements with icon + the labels of each arc elements.
I want to know if it is possible to add in each arc element an icon + the label attached to this arc element as in the image I uploaded.
I already tried to do it with a html / js project but I only succeeded in rendering images in arc elements but It’s quite difficult to have a good render with images with different sizes etc..
My environment is the following :
Vue JS : 2.6.12
Vue-chartjs : 4.0.2
chart.js : 3.7.1
Any answer would be appreciated :D
Kind regards,
Calab.
Here is the doughnut Chart I want to reproduce :)
I want to implement a map like this:-
in which vector layers of countries are highlighted according to some metric value. I tried to search for some package but found JQuery based JQVMaps and jvectormap, which I want to avoid to use since my framework is VueJS.
Can someone suggest some package for this? Or should I go for integrating these Jquery based packages itself?
Leaflet is great and simple to learn library to work with maps. Fortunately there is a wrapper called vue2-leaflet that make it work with Vue. Regarding your Image this part of docs may useful for you.
Do i need a plug in for high chart. I have searched through the net can anyone give me a solution. I have found that a plug in is needed for the Extjs 3 but what about version 4 onwards
It will require extension. However, it appears that an extension is already available on github. Additionally, charting in ExtJS4 is supported so if you don't need highcharts specifically then the chart you require may already be supported. Charting examples with native ExtJS are available in sencha docs.
I am using highcharts and am having issues with the functionality with internet explorer 10.01.
For polar charts the series do not load until you roll the mouse over the chart. If you have a series that is an area (filled), you need to turn the series off then on again before it displays.(version 2.3.5 does not fix this issue)
Saving the presented image from the icon with the chart does not render correctly. You can it is a radar chart, but cannot make out any of the values, or colours. They tend to be grey. (version 2.3.5 fixes this issue)
Are these issues known?
Is there a solution to these issues/work around? Has it something to do with SVG? Could I force it to use VML?
Is there a planned fix for these?
This is now a recognised as an issue by highcharts and it will be fixed in due course
https://github.com/highslide-software/highcharts.com/issues/1499
Update:
A hack workaround in the meantime, is to hide and show a single series on the chart after you have rendered in, in JavaScript
if(chart.series.length>0)
{
chart.series[0].hide();
chart.series[0].show();
}
Use Version 2.3.5 it has fixed IE10 support.