I have rendering problem of datalabels in the highcharts heatmaps for IE and firefox, can anyone help me how to fix the rendering problem
Related
I am working on a multi-series 3D Scatter Plot based on the demo here.
https://www.highcharts.com/demo/3d-scatter-draggable
Each point has a pop up when hovered over and mine links to a unique URL when the point is clicked, these both work very well until the 3D chart is rotated, after rotation neither the popup or the link will work, this is evident in the demo linked above.
Is this a limitation of the 3D scatter? or can it be remedied?
Thanks
Thanks to #morganfree for the solution.
Downgrade to version 5.0.10 with the following
<script src="//code.highcharts.com/5.0.10/highcharts.js"></script>
<script src="//code.highcharts.com/5.0.10/highcharts-3d.js"></script>
<script src="//code.highcharts.com/5.0.10/modules/exporting.js"></script>
tested and working :)
First of all; Hi all! I'm just new in the community. I've been using stack overflow without an account for years since I've always been able to find my answers. This one I can't and it keeps bugging me!
I'm using text-shadow on a h2 element in the header of one my sites. It displays correctly on my desktop (current Chrome, Edge and Firefox versions). On my mobile (iPhone, current Chrome and Safari versions) it results in what you see in the via stack overflow linked image below.
In this image you'll see 'blocks' with some sort of gradient shade instead of text-shadow
Does anyone have any idea what happens here / seen it before and knows a solution?
Site: http://schuttershoeve.nl
CSS:
.content h2 {
text-shadow: 0 0 20px #000000;
}
P.S. you can't reproduce the error now; I've used media queries to remove the shadow from mobile sites as a workaround for now
Your solution is Polyfills.
I.e, use CSS text-shadow where supported, and use a css background-image, where unsupported.
See http://modernizr.com/ for detection of support of text-shadow among others.
Tutorial on how to use Modernizr: http://www.hongkiat.com/blog/modernizr/
TLDR:
Modernizr will add a CSS class .no-textshadow to your HTML element, if it detects that the browser does not support text-shadows.
Then it's a matter of providing a fallback in your CSS along the lines of .no-textshadow .text-stroke{}
SOLUTION: Ok, it had to do with a box-shadow in combination with the text-shadow. The gradients you see are the box-shadows. I decided to use a non-gradient box-shadow solution on all screen widths to make my text more readable. Thx for the input!
I've recently upgraded to the latest version of Highcharts v3.0.2 and now one of my existing charts is rendering in a strange manner. See 'Sector Chart' at this link
http://bit.ly/10hU8TW
The circles seem narrow and out of alignment. Can anybody point me in the right direction to solve this?
Many thanks
Please take look at v3 configuration of http://www.highcharts.com/demo/pie-donut
I'm rendering the following line in a markdown cell in an IPython notebook (OS 10.8.2, Google Chrome browser):
$$\frac{d}{dx}g(x) = f(x)$$
At the normal zoom level, it looks like this
I'm trying to use this in a webcast and want to apply zoom to the screen
Blockquote
. At the zoom level I want, the fraction rendering gets ugly.
Is there a way to control this?
Does not seem to be an IPython issue, I can reproduce it here :
http://util.io/mathjax
with {\partial \over \partial x}g(x)
Is it just to have the math bigeer or the all page ? You can try to change the zoom factor of equation in mathjax option/right click. Notebook server does not yet expose configuration for that though.
This is a bug in Chrome, but there is a work-around in MathJax v2.1. I suspect you are using an earlier version, so if you update that, it should resolve your problem.
The issue only exists in Google Chrome. It renders properly in Safari:
I've got a slight issue with graph exporting in IE8.
As the title says, there seems to be some inconsistent behavior when it comes to linebreaks. As a result, the x-axis labels tend to overlap one another. This becomes more apparent when I increase the font size slightly.
Does anyone have any experience with this, or possibly any advice?
Note: Things work fine in Firefox and Chrome.