Używam wysokiej jakości wykresów do mojej aplikacji do wyświetlania matematycznych obliczeń i terminologii elektronicznej, więc muszę wyświetlić elktryczny termin w wysokiej jakości tytule Xaxis i tytule Yaxis w formie indeksu górnego i indeks dolny Próbowałem nie ma sposobów, ale jeszcze nie dostaję żadnych soln html sub i tagów sup nie działają tam proszę daj mi jakieś właściwe rozwiązanie.Wyświetlanie treści w wysokiej jakości Xaxis i tytule Yaxis w formie indeksu dolnego i indeksu górnego
5
A
Odpowiedz
10
Rozważ użycie useHTML
property:
...
//some options
title: {
useHTML: true,
text: "<sub>sub</sub>normal<sup>sup</sup>"
}
//other options
...
0
W ten sposób można wykorzystać właściwość useHTML w tytule wykresu, etykiety osi, etykiety legendy i etykiet danych -
$(function() {
$('#container').highcharts({
\t \t chart: {
type: 'column'
},
credits : {
enabled : false
},
title: {
text: 'Chart Title<sup>1</sup>',
useHTML : true,
},
xAxis: {
\t \t \t categories: [ 'label1','label2','label3<sup>4</sup>','label4'],
title:{
enabled: false
}, \t \t \t \t \t \t
labels: {
useHTML : true,
title: {
enabled: false
}
},
},
yAxis: {
title: {
enabled: false
},
labels: {
useHTML : true,
formatter:function(){
if(this.value != 10){
return this.value;
}else{
return this.value + '<sup> 2</sup>';
} \t \t \t \t \t
} \t \t \t \t \t \t \t \t
} \t \t \t \t \t \t
},
legend: {
useHTML : true,
borderWidth: 0,
labelFormatter:function(){
if(this.name != 'legend1'){
return this.name;
}else{
return this.name + '<sup> 5</sup>';
} \t \t \t \t \t
} \t
},
plotOptions: {
column: {
dataLabels: {
enabled: true,
useHTML : true,
y:-1,
formatter:function(){
if(this.y != 0){
if(this.y > 8 && this.y < 10){
return this.y + '<sup> 3</sup>';
}else{
return this.y;
}
}else{
return null;
} \t \t \t \t \t
} \t \t \t \t
} \t \t \t \t \t \t
} \t \t \t
}, \t \t
series: [{
data: [{
y: 14.913
}, {
y: 8.281
}, {
y: 3.592
}, {
y: 3.017
}],
showInLegend: false,
},{
name: 'legend1',
color: 'rgb(14,178,89)'
},{
name: 'legend2',
color: 'rgb(100,100,9)'
}]
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 800px; margin: 0 auto"></div>
Powiązane problemy
- 1. Poprawienie pozycjonowania indeksu dolnego i indeksu górnego na etykietach węzłów
- 2. Tworzenie indeksu górnego w mtext
- 3. Jak wyświetlić gwiazdkę indeksu górnego w UIlabel
- 4. Jak zwiększyć wydajność tworzenia wykresów wysokiej jakości i renderowania
- 5. Jak korzystać z indeksu górnego z ggplot2
- 6. Jak znaleźć kod Unicode w alfabecie indeksu dolnego?
- 7. AVSpeechSynthesizer Wysokiej jakości głosy
- 8. Cythonising Pandy: ctypes dla treści, indeksu i kolumny
- 9. W reStructuredText, w jaki sposób używać jednocześnie podkreślenia i indeksu górnego?
- 10. php array_push z indeksu i klucza
- 11. Bash - Wartość zwracana z indeksu dolnego do skryptu macierzystego
- 12. Apache/Rails/Passenger Wyświetlanie indeksu witryny?
- 13. jQuery indeksu i selektorów: lt i: gt
- 14. NSString: Poszukuję Unicode dla indeksu górnego: 1, 2, 3
- 15. iterator indeksu lambda wewnątrz indeksu
- 16. Wysokiej jakości biblioteki dla C++
- 17. Korzystanie z funkcji scalania w kolumnie i indeksu w pandach
- 18. Obejście w mysql dla częściowego indeksu lub przefiltrowanego indeksu?
- 19. Jakie jest znaczenie nazwy indeksu podczas tworzenia indeksu w MySQL?
- 20. wyjście logstash do elasticsearch indeksu i mapowanie
- 21. ElasticSearch Uzyskaj indeksu nazw i przechowywać Rozmiar
- 22. Bisect a Python List i znajdowanie indeksu
- 23. Wyłączanie podkreślenia do indeksu dolnego w trybie eksportu w trybie Emacs
- 24. Wymuszone miniaturki wysokiej jakości dla YouTube
- 25. Możliwe jest użycie xAxis z typem "datetime" i yAxis z kategoriami?
- 26. zapisywanie obrazów w pythonie w bardzo wysokiej jakości
- 27. Konwersja png na wysokiej jakości ico
- 28. Niestandardowy komparator indeksu w MongoDB
- 29. Usuń niepowtarzalności indeksu w PostgreSQL
- 30. Zastąpienie ostatniego indeksu dla, w jQuery/JavaScript i
mają cię próbowano czegoś takiego jak wyjaśniono tutaj: http://api.highcharts.com/highcharts#xAxis.title.text –
Wygląda na to, że możesz zrobić coś W ten sposób: '' 'mieć liczbę/zmienną w skali sześciennej w pozycji indeksu górnego, to samo z' 'do indeksowania rzeczy. –