Set <svg> shape rendering property
http://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty
Allow setting of shape-rendering attribute in order to enable speed optimising.
Code modification example:
SVGRenderer.prototype = {
/**
* Initialize the SVGRenderer
* @param {Object} container
* @param {Number} width
* @param {Number} height
*/
init: function(container, width, height) {
var box = doc.createElementNS('http://www.w3.org/2000/svg', 'svg'),
loc = location;
attr(box, {
width: width,
height: height,
'shape-rendering': 'crispEdges', //suggest to add this by config
Marco van 't Wout
shared this idea
You can set it using CSS:
svg.highcharts-root {
shape-rendering: optimizeSpeed;
}
See http://jsfiddle.net/highcharts/qkdynr7s/. You can see from the ugly, jagged line that it works.
-
Phazz
commented
This was proposed long ago - maybe there is a way by now (2019), but I can't find it