2013-08-26 15 views
5

biçiminde görüntülüyor. Uygulamamın matematiksel hesaplamayı ve elektronik terminolojiyi göstermesi için yüksek bir çizelge kullanıyorum. Bu nedenle, üst çizelge formunda yüksek grafikler Xaxis başlığı ve Yaxis başlığı için elips terimini göstermem gerekiyor ve altyazı Hiçbir şekilde denemedim ama henüz bir sol html almıyorum ve destek etiketleri çalışmıyor lütfen bana herhangi uygun bir çözüm verin., alt şemalar ve üst simge biçimindeki Xxis ve Yaxis başlığının içeriğini

+0

sana sahip Burada açıklandığı gibi bir şey denedim: http://api.highcharts.com/highcharts#xAxis.title.text –

+0

Somet yapabilirsiniz gibi görünüyor herseyi şöyle yapabiliriz: '', üst simge konumunda bir küplü sayı/değişkene sahip olmak için, bir şeyleri abonelemek için ' ile aynı şey. –

cevap

10

useHTML property kullanmayı düşünün:

... 
//some options 
title: { 
    useHTML: true, 
    text: "<sub>sub</sub>normal<sup>sup</sup>" 
} 
//other options 
... 
0

Bu grafik başlığı, eksen etiketleri, efsane etiketleri ve veri etikete useHTML özelliğini kullanabilirsiniz nasıl -

$(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>

İlgili konular