मैं Angular4 और angular2-highcharts का उपयोग कर रहा हूं। प्रलेखन के अनुसार मुझे आवश्यकता विशेषता वाले हाईचार्ट्स मॉड्यूल को शामिल करने की आवश्यकता है। यह हाईचार्ट्स मॉड्यूल को शामिल करने के लिए ठीक काम करता है, लेकिन अतिरिक्त मॉड्यूल (हाईचार्ट्स-अधिक, हाईमैप्स इत्यादि) के साथ नहीं। जब मैं हाईचार्ट्स के अधिक मॉड्यूल शामिल करता हूं तो मुझे त्रुटियां मिलती हैं जैसे:

TypeError: n is not a function
TypeError: n is not a function
    at highcharts-more.js:8
    at highcharts-more.js:11

मुझे एक हीटमैप लागू करने की आवश्यकता है, जो अब काम नहीं कर रहा है, क्योंकि यह अतिरिक्त मॉड्यूल का उपयोग करता है। कुछ पता है इसे कैसे हल करना है?

यहाँ app.module.ts . के लिए मेरा कोड है

   // solution for angular not picking up required attribute
    declare const require: any;
    export function highchartsFactory() {
      let hc = require('highcharts');
      let hex = require('highcharts/modules/exporting');
      let hmod = require('highcharts/highcharts-more');
      hex(hc);
      hmod(hex);
      return hc;
    }

    imports: [
        ChartModule,
      ],
    providers: [
    {
      provide: HighchartsStatic,
      useFactory: highchartsFactory
    }
   ]
2
viddrawings 3 अक्टूबर 2017, 15:25

2 जवाब

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

मैंने app.module.ts . में निम्नलिखित कार्य करके इस समस्या को हल किया है

declare const require: any;
export function highchartsFactory() {
  let Highcharts = require('highcharts');
  let Heatmap = require('highcharts/modules/heatmap');
  Heatmap(Highcharts);
  return Highcharts;
}
1
viddrawings 10 अक्टूबर 2017, 14:42

heatmap शृंखला प्रकार highcharts-more फ़ाइल में नहीं है। आवश्यक फ़ाइल heatmap है - जैसा कि इस डेमो में दिखाया गया है:

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/heatmap/

और जैसा कि यहां दस्तावेज़ में बताया गया है:

https://www.highcharts.com/docs/chart-and-series-types/heatmap

0
Kacper Madej 9 अक्टूबर 2017, 13:57