Wie die Schriftfamilie von Highchart ändern CSS Standardschriftfamilie

Question

Ich möchte die Schriftart von Titel, Datenbeschriftung und Tooltip Bootstrap Standardstandardschriftart in dem Kreisdiagramm Bootstrap (ich verwende Highchart-Bibliothek, um das Diagramm anzuzeigen). Ich bin wie kann ich diese ändern? Versucht fontFamily hinzuzufügen, aber es hat nicht funktioniert.

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 
          } 
         ] 
        }] 
       }); 

Wie wird die Schriftart in den Standard-Bootstrap geändert?

Answer 1

Sie legen nur die Schriftart für den Diagrammtitel fest. Der folgende Code legt die Schriftart global für das Kreisdiagramm fest.

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