Sto usando un highcharts per la mia applicazione per visualizzare il calcolo matematico e la terminologia electical quindi ho bisogno di visualizzare il termine elctrico su highcharts titolo Xaxis e titolo Yaxis su forma di apice e pedice non ho provato in alcun modo, ma ancora non ottengo alcun soln html sub e i tag sup non funzionano lì per favore dammi qualsiasi soluzione adeguata.visualizzare il contenuto su highcharts titolo Xaxis e Yaxis in forma di pedice e apice
5
A
risposta
10
Considerare l'utilizzo useHTML
property:
...
//some options
title: {
useHTML: true,
text: "<sub>sub</sub>normal<sup>sup</sup>"
}
//other options
...
0
In questo modo è possibile utilizzare la proprietà useHTML a titolo di un grafico, le etichette degli assi, le etichette della legenda e le etichette di dati -
$(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>
Problemi correlati
- 1. Come utilizzare pedice e apice in Swift
- 2. pedice e apice per lo stesso elemento
- 3. Highcharts - come aggiornare correttamente la serie [0] .data e il titolo yAxis di un VUMeter?
- 4. pedice e apice in ylab di qplot [R]
- 5. Etichette degli assi in apice e pedice in ggplot2
- 6. Set apice e pedice in testo formattato in WPF
- 7. kCTSuperscriptAttributeName non funziona per l'utilizzo di apice e pedice
- 8. È possibile utilizzare xAxis con tipo "datetime" e yAxis con categorie?
- 9. Apice/pedice in collegamento ipertestuale in WPF
- 10. Mostra solo le etichette del tempo su xAxis. Highcharts
- 11. Come scrivere titolo asse x con testo e ggplot2 apice
- 12. MATLAB FFT XAxis limiti rovinare e fftshift
- 13. debug domjs e Highcharts
- 14. Come visualizzare il carattere apice% come stringa in UIlabel?
- 15. Highcharts - drill down su più serie
- 16. Come impostare il dominio e la scala su un yaxis su una discreteBarChart nvd3.js
- 17. operatore pedice su puntatori
- 18. Highcharts - imposta l'intervallo massimo per yAxis ma mantiene dinamico l'asse entro tale intervallo
- 19. ggplot2 - combinazione di legenda di forma e colore con il titolo comune
- 20. HTML: posso inserire il testo di pedice proprio sotto l'apice?
- 21. apice/pedice nelle etichette per gnuplot leggere dal file di dati
- 22. Titolo TLabel e TGroupbox Flicker su ridimensionamento
- 23. Come visualizzare il contenuto IndexedDB in chrome?
- 24. Carica dati in Highcharts con Ajax
- 25. Flexdashboards e volantino e clic con Highcharts
- 26. Raggruppamento di legende negli Highcharts
- 27. Due diverse soglie in HighCharts 3.0
- 28. Come scrivere un apice in una stringa e visualizzarlo usando MessageBox.Show()?
- 29. Highcharts - aumento altezza bar e ridurre bar gap
- 30. XAxis label angle in MPAndroidChart
avere voi provato qualcosa come spiegato qui: http://api.highcharts.com/highcharts#xAxis.title.text –
Sembra che tu possa fare qualcosa hing in questo modo: '' per avere un numero cubato/variabile nella posizione apice, stessa cosa con '' per le cose di pedice. –