2014-09-07 3 views
0

Мне нужно изменить размер шрифта в облаке на highchart. Как это сделать?Highcharts - как я могу изменить размер шрифта?

HTML:

<script src="http://code.highcharts.com/highcharts.js"></script> 
<div id="container" style="height: 400px"></div> 

JavaScript:

$(function() { 
    $('#container').highcharts({ 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     title: { 
      style: { 
       color: '#FF00FF', 
       fontWeight: 'bold' 
      } 
     }, 
     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] 
     }] 
    }); 
}); 

JSFiddle: http://jsfiddle.net/autrmg62/

экрана:

Screen

+0

Рассмотрим форматировать свой вопрос в более удобный способ. – knitevision

+0

@knitevision, что вы не понимаете? – Piszu

+0

@Piszu: Одна из проблем заключалась в том, что предоставленные вами ссылки не были правильно отформатированы, поэтому вы не могли щелкнуть ссылки, чтобы следовать им. Другая проблема заключалась в том, что не лучший стиль для связи только с внешними источниками. – honk

ответ

3

Working example

Мой пользовательский код использовался в строках 4-12.

tooltip: { 
    shared: true, 
    useHTML: true, 
    headerFormat: '<span style="font-size: 20px; color: red;">{point.key}</span><br/>', 
    style: { 
     fontWeight: 'bold', 
     fontSize: '13px' 
    }  
}, 

Стилизация элемента вы хотели было достигнуто headerFormat и указав стили, которые вы хотите в style=""

Посмотрите: Highchart API reference

Смежные вопросы