Highcharts-työkaluvihje menee päällekkäin graafin avulla, kun kaappipalvelu on aktivoitu

Koodi:

Apulaite:

drawChart : function(component, helper) { if(component.isValid() && component.get("v.isResourcesLoaded") && component.get("v.isDataChanged")) { var stackedColumnChartObj = new Highcharts.Chart({ chart: { renderTo: component.find("stackedColumnChart").getElement() }, title: { text: null }, xAxis: { categories: labelList, title: { text: null }, labels: { enabled: true, format: "`{value}" } }, yAxis: [{ enabled: true, title: { text: null } }], plotOptions: { series: { animation: false, cursor: "pointer", marker: { enabled: false } } }, tooltip: { useHTML: true, borderWidth: 0, borderRadius: 0, backgroundColor:"rgba(255,255,255,0)", shadow: false, formatter: function(){ var s = this.series.name + ": "+ "<br/>Total: " +this.stackTotal; return ("<div class="tooltip">" + s + "</div>"); }, enabled: !component.get("v.isDrillDown") }, credits: { enabled: false }, series: columnDataList }); } 

Toimittaja:

({ afterRender: function(component, helper) { this.superAfterRender(); }, rerender: function(component, helper) { this.superRerender(); helper.drawChart(component, helper); } }) 

CSS: –

.THIS .highcharts-tooltip span .tooltip{ z-index:999999999 !important; border: 1px solid; background-color: white; padding:5px; border-radius: 4px; } 

Tätä ongelmaa ei ole, kun kaappipalvelu poistetaan käytöstä. Mutta haluan tämän toimivan täydellisesti, kun LS poistetaan käytöstä. Olisi erittäin hyödyllistä, jos kukaan voi antaa tietoa tästä.

Muokkaa: Kuten Pawel Ehdotus renderöin työkaluvihjeen HTML: ksi (olen muokannut Yläkaavioiden alustuskoodia yllä). Vinkki hahmonnetaan Chrome-laitesimulaattorissa. Mutta iPadissa ja iPhonessa se heittää seuraavat virheet kaavion napsautuksessa:

TypeError: null ei ole objekti (”e.call” -arviointi)

TypeError: undefined ei ole objekti (arvioidaan kaavioita [H.hoverChartIndex] .mouseIsDown ”)

Kommentit