JS render-bug in bubble macro displayValue

[manova-1]

When I render a Bubble Chart in Javascript-only mode I get a graphics failure in which all bubble displayNames are displayed slightly below the bubble, but only when they are in the bottom two quadrants of the chart. I use the newest Version (3.3.1-sr3.21100) and am an SaaS customer. 

 

See my json config: 

({setAdaptiveXMin:1, baseFontSize:12, yAxisMinValue:undefined, xaxisname:"spektakul\xe4r", yAxisMaxValue:undefined, setAdaptiveYMin:1, xAxisMinValue:undefined, chart:{animation:1, vDivlineAlpha:0, paletteColors:"#006633,#ff9900,#66cc00,#ffff00,#cc3300,#333300,#999900,#CCCC66,#FFFFCC,#003366,#3366CC,#6699FF,#99CCFF,#9966CC,#663399,#666666,#CCCCCC,#003300,#669966,#009933 ,#33CC66,#99FFCC,#FF99FF,#FF00FF,#990099,#660033,#CC3333,#FF6633", showBorder:0, showlegend:1, palette:2, formatNumber:1, showDivLineValues:0, divLineAlpha:0, legendPosition:"BOTTOM", aboutMenuItemLink:"N-https://www.manova.at/", caption:undefined, formatNumberScale:0, legendShadow:1, bgColor:"FFFFFF", exportFileName:"webmark_export", quadrantYVal:"", showExportDataMenuItem:1, thousandSeparator:".", numDivLines:0, showAlternateHGridColor:0, showValues:1, canvasLeftMargin:19, exportHandler:"index.php", showYAxisValues:0, decimalSeparator:",", aboutMenuItemLabel:"Manova Webmark", divLineColor:"CCCCCC", slicingDistance:30, registerWithJS:1, legendBorderColor:"CCCCCC", canvasBorderThickness:2, legendScrollBgColor:"FFFFFF", manageResize:1, useroundedges:1, baseFont:"Verdana,Arial,San Serif", exportAtClient:0, quadrantLabelTL:undefined, ShowMenuItem:1, useEllipsesWhenOverflow:"0", showShadow:0, showAboutMenuItem:1, quadrantLabelTR:undefined, bubbleScale:0.2, drawQuadrant:"0", numberSuffix:undefined, quadrantXVal:"", exportParameters:"80.110.32.gro50f6g881", quadrantLabelBL:undefined, legendAllowDrag:0, canvasBorderColor:"#808080", ExportDialogMessage:"<nobr>exportiere Graphik </nobr>", quadrantLabelBR:undefined, exportEnabled:1, exportShowMenuItem:0, numberPrefix:undefined, showVDivLineValues:0, showXAxisValues:0, exportAction:"download", canvasRightMargin:45, interactiveLegend:1, bgAlpha:100}, dataset:[, {seriesName:"1 | a", set:{y:-0.016597427415010538, z:10, showValue:1, displayValue:1, name:1, toolText:"a", x:0.058882952353626505}, color:"008000"}, {seriesName:"2 | b", set:{y:0.004118723047576187, z:10, showValue:1, displayValue:2, name:2, toolText:"b", x:-0.033170385657878394}, color:"BBCCFF"}, {seriesName:"3 | c", set:{y:0.027037045543059957, z:10, showValue:1, displayValue:3, name:3, toolText:"c", x:0.0444901029347972}, color:"BBCCFF"}, {seriesName:"4 | d", set:{y:0.2134813570188367, z:10, showValue:1, displayValue:4, name:4, toolText:"d", x:-0.17094690995663175}, color:"BBCCFF"}, {seriesName:"5 | e", set:{y:0.4103647731636484, z:10, showValue:1, displayValue:5, name:5, toolText:"e", x:0.0006773705899875141}, color:"BBCCFF"}, {seriesName:"6 | f", set:{y:0.0821755954221003, z:10, showValue:1, displayValue:6, name:6, toolText:"f", x:0.10765662077778965}, color:"BBCCFF"}, {seriesName:"7 | g", set:{y:-0.026649006542918238, z:10, showValue:1, displayValue:7, name:7, toolText:"g", x:0.03263585441442159}, color:"BBCCFF"}, {seriesName:"8 | h", set:{y:0.032544394975702065, z:10, showValue:1, displayValue:8, name:8, toolText:"h", x:-0.021433388463921028}, color:"BBCCFF"}, {seriesName:"9 | i", set:{y:0.5471358029932301, z:10, showValue:1, displayValue:9, name:9, toolText:"i", x:-0.14016091526502408}, color:"FFFFFF"}, {seriesName:"10 | j", set:{y:-0.25897708772840095, z:10, showValue:1, displayValue:10, name:10, toolText:"j", x:-0.2674941181210888}, color:"BBCCFF"}, {seriesName:"11 | k", set:{y:-0.030356395465924096, z:10, showValue:1, displayValue:11, name:11, toolText:"k", x:0.02032372013681671}, color:"BBCCFF"}, {seriesName:"12 | l", set:{y:-0.2905079762669466, z:10, showValue:1, displayValue:12, name:12, toolText:"l", x:-0.11334194085016953}, color:"BBCCFF"}, {seriesName:"13 | m", set:{y:0.017044388639502455, z:10, showValue:1, displayValue:13, name:13, toolText:"m", x:0.36835968305155287}, color:"BBCCFF"}, {seriesName:"14 | n", set:{y:-0.0351223972117436, z:10, showValue:1, displayValue:14, name:14, toolText:"n", x:-0.021032928866854168}, color:"BBCCFF"}, {seriesName:"15 | o", set:{y:0.10244429301887244, z:10, showValue:1, displayValue:15, name:15, toolText:"o", x:-0.07886625968397083}, color:"FFFFFF"}, {seriesName:"16 | p", set:{y:-0.1630450830138191, z:10, showValue:1, displayValue:16, name:16, toolText:"p", x:-0.10195679486761693}, color:"BBCCFF"}, {seriesName:"17 | q", set:{y:0.4356532489687738, z:10, showValue:1, displayValue:17, name:17, toolText:"q", x:-0.15145225007795687}, color:"BBCCFF"}, {seriesName:"18 | r", set:{y:0.23193135625755415, z:10, showValue:1, displayValue:18, name:18, toolText:"r", x:-0.020678630676100384}, color:"BBCCFF"}, {seriesName:"19 | s", set:{y:0.08342835714243714, z:10, showValue:1, displayValue:19, name:19, toolText:"s", x:0.37451723722651276}, color:"BBCCFF"}, {seriesName:"20 | t", set:{y:-0.16434047337520988, z:10, showValue:1, displayValue:20, name:20, toolText:"t", x:0.10339824721953693}, color:"BBCCFF"}, {seriesName:"21 | u", set:{y:0.2686452687371985, z:10, showValue:1, displayValue:21, name:21, toolText:"u", x:-0.0479217506102284}, color:"BBCCFF"}, {seriesName:"22 | v", set:{y:0.304707642165276, z:10, showValue:1, displayValue:22, name:22, toolText:"v", x:0.06402853975097958}, color:"BBCCFF"}, {seriesName:"23 | w", set:{y:0.001661087782145242, z:10, showValue:1, displayValue:23, name:23, toolText:"w", x:-0.0614260519147216}, color:"BBCCFF"}, {seriesName:"24 | x", set:{y:-0.03388129293540116, z:10, showValue:1, displayValue:24, name:24, toolText:"x", x:-0.06767878094664938}, color:"BBCCFF"}, {seriesName:"25 | y", set:{y:0.025206262176853057, z:10, showValue:1, displayValue:25, name:25, toolText:"y", x:-0.07153392014811732}, color:"BBCCFF"}, {seriesName:"26 | z", set:{y:0.032559816984143605, z:10, showValue:1, displayValue:26, name:26, toolText:"z", x:0.10866704839693687}, color:"BBCCFF"}, {seriesName:"27 | a", set:{y:0.06228240307355855, z:10, showValue:1, displayValue:27, name:27, toolText:"a", x:0.09006449667985719}, color:"BBCCFF"}, {seriesName:"28 | b", set:{y:0.01878168775253199, z:10, showValue:1, displayValue:28, name:28, toolText:"b", x:-0.24025995804307546}, color:"BBCCFF"}, {seriesName:"29 | c", set:{y:-0.12738727850707948, z:10, showValue:1, displayValue:29, name:29, toolText:"c", x:-0.059732622844257635}, color:"BBCCFF"}, {seriesName:"30 | d", set:{y:0.4057769249282, z:10, showValue:1, displayValue:30, name:30, toolText:"d", x:-0.25253307736027797}, color:"BBCCFF"}, {seriesName:"31 | e", set:{y:0.3402675595866354, z:10, showValue:1, displayValue:31, name:31, toolText:"e", x:0.10820983208490673}, color:"BBCCFF"}, {seriesName:"32 | f", set:{y:-0.005406185223786358, z:10, showValue:1, displayValue:32, name:32, toolText:"f", x:-0.04965407263937682}, color:"BBCCFF"}, {seriesName:"33 | g", set:{y:-0.23868664908630946, z:10, showValue:1, displayValue:33, name:33, toolText:"g", x:-0.0629556850334344}, color:"BBCCFF"}, {seriesName:"34 | h", set:{y:-0.2007161226668136, z:10, showValue:1, displayValue:34, name:34, toolText:"h", x:0.26918662105196467}, color:"BBCCFF"}, {seriesName:"35 | i", set:{y:0.056009291150251765, z:10, showValue:1, displayValue:35, name:35, toolText:"i", x:0.17993969661377832}, color:"BBCCFF"}, {seriesName:"36 | j", set:{y:0.7632665956740864, z:10, showValue:1, displayValue:36, name:36, toolText:"j", x:-0.09762540159806456}, color:"BBCCFF"}, {seriesName:"37 | k", set:{y:0.0631212449655001, z:10, showValue:1, displayValue:37, name:37, toolText:"k", x:-0.012671620893895886}, color:"BBCCFF"}, {seriesName:"38 | l", set:{y:0.10991011875130617, z:10, showValue:1, displayValue:38, name:38, toolText:"l", x:-0.0019415424776735592}, color:"BBCCFF"}], xAxisMaxValue:undefined, yaxisname:"gem\xfctlich", decimals:2})

See the two Screenshots (pseudomised and randomized data)

Javascript with Bug: 

 

 

Flash without the Bug: 

[Guest Rishab]

Hi,

At our end, no such issue is replicated while rendering the bubble chart using the data you provided .

The attached item is the screenshot of the chart(dimensions- 900 x 900).

Please send us a sample application or live URL that may help us to replicate the issue at our end.

You can also drop us a mail at : "[email protected]".

Awaiting response.