नमस्ते, मैं वर्तमान में ng2 चार्ट में काम कर रहे एक साधारण कार्य को प्राप्त करने का प्रयास कर रहा हूं।

मेरा कार्य:

  changeFontColor(){
    let change = this.lineChartOptions.legend.labels.fontColor = "red";
    return change;
  };

और मेरी लाइन चार्टऑप्शन:

public lineChartOptions: ChartOptions = {
    responsive: true,
    legend:{
    onHover: this.changeFontColor,
     labels: {
      boxWidth: 10, 
      padding: 20,
    
      fontSize: 15,
      fontFamily: "new Times Roman",
      fontStyle: "bold",
      fontColor: "grey",
  };

लेकिन मुझे नहीं पता कि यह कंसोल क्यों काम नहीं कर रहा है, यह कहता है कि lineChartOptions अपरिभाषित है लेकिन मुझे कोई लाल अंडरस्कोर नहीं मिलता है और यह नहीं पता कि इसे कैसे ठीक किया जाए।

0
user14239866 15 सितंबर 2020, 14:15

1 उत्तर

सबसे बढ़िया उत्तर

आपको onHover कॉलबैक फ़ंक्शन को निम्नानुसार परिभाषित करना चाहिए:

onHover: () => this.changeFontColor(), 

changeFontColor पद्धति को भी बदलना होगा। कृपया ध्यान दें कि मैं कोणीय परिवर्तन का पता लगाने का काम करने के लिए खुद की एक प्रति के साथ lineChartOptions को पुन: असाइन करता हूं।

changeFontColor(): void {
  this.lineChartOptions.legend.labels.fontColor = "red";
  this.lineChartOptions = JSON.parse(JSON.stringify(this.lineChartOptions));
};

कृपया अपने संशोधित पर एक नज़र डालें स्टैकब्लिट्ज.

0
uminder 15 सितंबर 2020, 15:52