Come modificare la famiglia di caratteri di Highchart per il Bootstrap famiglia di font CSS predefinito

Question

voglio cambiare il font del titolo , etichetta dati e tooltip per il Bootstrap carattere predefinito di default nel grafico a torta (sto usando Libreria di diagrammi elevati per mostrare il grafico). Sono come posso cambiarli? Ho cercato di aggiungere fontFamily ma non ha funzionato.

var chart = new Highcharts.Chart({ 
        chart: { 
         renderTo: $(element).attr('id'), 
         backgroundColor: '#F8F8F8' 
        }, 
        title: { 
         text: "Space Used by Users", 
         fontFamily: 'Helvetica' 
        }, 
        plotOptions: { 
         pie: { 
          allowPointSelect: true, 
          cursor: 'pointer', 
          dataLabels: { 
           enabled: true, 
           format: '{point.name}: {point.sizeText}', 
           style: { 
            fontSize: '11px' 
           } 
          }, 
          showInLegend: true 
         } 
        }, 
        credits: { 
         enabled: false 
        }, 
        tooltip: { 
         pointFormat: '{series.name}: <b>{point.sizeText}</b>' 
        }, 
        series: [{ 
         type: 'pie', 
         data: [ 
          { 
           name: 'Personal Usage', 
           y: scope.item.personalUsage, 
           sizeText: scope.item.personalUsageSizeText 
          }, 
          { 
           name: 'Shared Usage', 
           y: scope.item.sharedUsage, 
           sizeText: scope.item.sharedUsageSizeText 
          } 
         ] 
        }] 
       }); 

Come cambiare il tipo di carattere nel bootstrap predefinito?

Answer 1

Si sta impostando solo il carattere per il titolo del grafico. Il codice seguente imposta il carattere globalmente per il grafico a torta.

Highcharts.setOptions({ 
    chart: { 
     style: { 
      fontFamily: 'Helvetica' 
     } 
    } 
    });