Speical Symbol kommt in X-Achse in Highchart?

-1

Ich bekomme ein spezielles Symbol in x-axis während der Erstellung Diagramm. Ich bin nicht in der Lage, das Problem herauszufinden. Meine tatsächliche Zeichenfolge "Mitarbeiter Engagement Punkte des Teams oder der Abteilung von Einzelpersonen nach dem Coaching". Bitte schlagen Sie mir vor.Speical Symbol kommt in X-Achse in Highchart?

Mein Implementiert Code: http://jsfiddle.net/sameekmishra/kzcxez3z/2/

Danke,

Quelle

2016-07-20 Sameek Mishra

Ich bin nicht in der Lage das Problem neu zu erstellen. Welchen Browser benutzen Sie? Unterstützt Ihre Website UTF-8? Außerdem haben Sie viel Code hinzugefügt, der nicht mit Ihrem Problem verbunden ist. Es ist eine gute Übung, jsFiddle nur mit dem notwendigen Code zu zeigen, so dass es einfach ist zu untersuchen, wo das Problem liegt. Hier finden Sie ein minimiertes Beispiel: http://jsfiddle.net/kzcxez3z/4/ Und hier finden Sie ein Thema, das auf Ihr Problem bezogen ist: http://forum.highcharts.com/highcharts-usage/data-label- truncation-bug-related-to-encoding-of-ellipsis-t32965/ –

Ich habe auf IE, Chrome, Firefox (neueste Version) getestet und alle zeigen die gleiche Chart-Ansicht, könnte auf meiner Seite Chart Rendering Seite an Seite dann das sein Problem kam ins Bild, jetzt bin ich auch nicht in der Lage, das gleiche Problem auf Jsfiddle zu replizieren. Gibt es Einschränkungen bei der Darstellung der Kategorien in X-Achse? –

Wenn Ihr Label zu groß ist, sollte es eine Ellipse anstelle der gesamten Label-Zeichenfolge anzeigen. Hier finden Sie Informationen, wie Sie diese Funktion deaktivieren können: http://api.highcharts.com/highcharts#xAxis.labels.style –

Try this. (This is to add ellipsis inside xAxis) 



xAxis: [{ 
    labels: { 
     formatter: function() { 
      var formatted; 
      if (this.value.length > 35) { 
       formatted = this.value.substring(0, 30) + "..." + this.value.substring(this.value.length - 10); 

      } else { 
       formatted = this.value; 
      } 
      return '<div class="js-ellipse" style="width:226; overflow:hidden" title="' + this.value + '">' + formatted + '</div>'; 
     }, 
     style: { 
      width: '226' 
     }, 
     useHTML: true 
    } 
}],

this helps :)

Quelle

2016-07-21 08:01:15 JJG

Speical Symbol kommt in X-Achse in Highchart?

Antwort

Verwandte Themen