2016-12-10 2 views
0

Bitte siehe angehängten Bild von unten Link. Ich mache Diagramm von Dummy-Daten für ein lokales Projekt. Problembeschreibung: Mein Problem ist, wenn ich userHTML: true im unteren Code setze, verschiebe es meine X-Achsenbeschriftungen nach oben. aber wenn ich diese Zeile entferne, sind meine Etiketten an ihrer richtigen Position. aber ich brauche UseHTML True und ihre richtige Position gleichzeitig.Labels Stil und Position werden in Highcharts Spalte Graphen gestört,

xAxis: { 
       categories: seriesDataMonthName, 
       title: { 
        text: 'Month/Year (Charge Date of Service)' 
       }, 
       labels: { 
        useHTML: true, 
        formatter: function() { 
         return '<a style="display:inline !important" class="clsCPTTrendingChart" data-toggle="modal" data-target="#myModal" name="' + this.value + '">' + this.value + '</a>' 
        }, 

       } 
      }, 

Image is here. Please see image.

+0

Es ist wahrscheinlich, weil Sie einige Styling verwenden, die die Position der Etiketten ändert. Erstellen Sie das Problem erneut in jsfiddle oder fügen Sie Ihren Code hier ein. http://jsfiddle.net/o72xdwzg/1/ – morganfree

+0

Danke, es funktioniert gut. –

Antwort

0

Danke für die Kommentare. Ich entferne einfach die Funktion useHTML: true und rufe Javascript direkt im Tag auf. Für mich geht das.

Verwandte Themen