कैसे

Question

बूटस्ट्रैप के लिए सीएसएस डिफ़ॉल्ट फ़ॉन्ट परिवार Highchart का फ़ॉन्ट परिवार को बदलने के लिए मैं पाइ चार्ट में डिफ़ॉल्ट डिफ़ॉल्ट फ़ॉन्ट बूटस्ट्रैप के लिए शीर्षक, डेटा लेबल और टूलटिप के फॉन्ट बदलना चाहते हैं (मैं उपयोग कर रहा हूँ चार्ट दिखाने के लिए हाईचार्ट लाइब्रेरी)। मैं इन्हें कैसे बदल सकता हूं? फ़ॉन्ट जोड़ने के लिए कोशिश की लेकिन यह काम नहीं किया।

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

फ़ॉन्ट को डिफ़ॉल्ट बूटस्ट्रैप में कैसे बदलें?

Answer 1

आप केवल चार्ट शीर्षक के लिए फ़ॉन्ट सेट कर रहे हैं। नीचे दिया गया कोड पाई चार्ट के लिए वैश्विक स्तर पर फ़ॉन्ट सेट करता है।

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