Highcharts: Machen Sie das Legende-symbol ein Quadrat oder Rechteck
Ich versuche, das Legende-symbol ein Quadrat oder Rechteck für eine Linie graph. Beispiel
Die Linie ist in Ordnung. Ich nicht wollen, ändern Sie die Linienbreite.
HTML:
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
Javascript:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
marker: {
enabled: false
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
symbolHeight:100,
borderWidth: 0
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
Habe ich versucht, indem symbolHeight in der Legende. Aber es funktioniert nicht.
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
symbolHeight:100,
borderWidth: 0
},
So erhöhen Sie die Höhe der Zeile das symbol, um es Rechteck oder Quadrat?
Siehe das ähnliche Thema: stackoverflow.com/questions/24859766/... / stackoverflow.com/questions/10551727/...
Ich habe versucht diese. Aber ich habe aktualisiert die Frage verständlicher zu gestalten.
Ich habe versucht diese. Aber ich habe aktualisiert die Frage verständlicher zu gestalten.
InformationsquelleAutor Manu K Mohan | 2014-12-16
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie eine fake-Serie und sind wie folgt provider marker.
Arbeiten demo : DEMO
InformationsquelleAutor Anchika Agarwal
Ist es möglich, zu erreichen-Platz Legende Symbole über die Konfiguration. Setzen Sie einfach
Legende.symbolRadius
Wert0
.JSFiddle demo: https://jsfiddle.net/9bzy2qzq/
InformationsquelleAutor Roman Pavlov
Dies ist eine Kopie der Frage: Wie Sie Zugang zu legendSymbols und verändern Ihre Form in HighCharts
Er hat eine ähnliche Antwort, und zwei andere:
Erste Option:
Zweite Option:
Können Sie ändern Sie die
stroke-width
- Attribut auf den Pfad element.Können wir Funktionen bereitstellen, um Highcharts, die gezogen werden, wenn das Diagramm gezeichnet wird. Da
redraw
ist nicht genannt auf der ersten Zeichnung dieload
Veranstaltung ist erforderlichInformationsquelleAutor Shwaydogg
Alle Antworten richtig sind, aber ich fand ein ziemlich hack-Methode. Ersetzen Legende Rechteck-symbol mit Quadrat:
JsFiddle
Dies funktioniert nicht für line-Diagrammen, wie in der Frage
InformationsquelleAutor RockOnGom
Da Highcharts 5 eingeführt gestylt-Modus, können Sie leicht finden, die symbol-Elemente, und ändern Sie Ihre Eigenschaften. Um das symbol Quadrat:
http://jsfiddle.net/n3h2totc/23/
InformationsquelleAutor iddo