zingchart.render не является функцией и заблокировал проблему с ресурсом angularjs1.7 - PullRequest
Новая
       16

zingchart.render не является функцией и заблокировал проблему с ресурсом angularjs1.7

0 голосов
/ 04 февраля 2020

Я пытаюсь использовать zingchart - модуль дерева с angularjs (1.7), я делаю следующее, чтобы установить диаграмму дерева

Controller.ts: 

 private chartData: any = {
    type: 'tree',
    options: {
      link: {
        aspect: 'arc'
      },
      maxSize: 10,
      minSize: 4,
      node: {
        type: 'circle',
        borderWidth: '0px',
        hoverState: {
          borderAlpha: 1,
          borderColor: '#000',
          borderWidth: '2px'
        },
        label: {
          width: '100px'
        }
      },
      progression: 0,
      textAttr: 'name',
      valueAttr: 'value'
    },
    series: [
      {
        id: 'theworld',
        parent: '',
        name: 'The World'
      },
      {
        id: 'asia',
        parent: 'theworld',
        name: 'Asia'
      },
      {
        id: 'africa',
        parent: 'theworld',
        name: 'Africa'
      },
      {
        id: 'america',
        parent: 'theworld',
        name: 'America'
      },
      {
        id: 'europe',
        parent: 'theworld',
        name: 'Europe'
      }
    ]
  };

Просмотр. html: 

<zingchart zc-json="$ctrl.chartData" zc-height=500 zc-width=600></zingchart>

Приложения: 

import 'zingchart';
import 'zingchart-angularjs';

angular.module('app', ['zingchart-angularjs'])

Проблема 1: Я не могу установить тип на дерево и получить следующую ошибку консоли:

Ресурс из «http://localhost: 9000 / modules / zingchart-tree.min. js? V2.8.8 ”было заблокировано из-за несоответствия типа MIME (« text / html ») (X-Content-Type-Options: nosniff).

Зная, что с типом линии это работает: 

  private myJson: any = {
    type : 'line',
    series : [
      { values : [54,23,34,23,43] },
      { values : [10,15,16,20,40] }
    ]
  };

<zingchart zc-json="$ctrl.myJson" zc-height=500 zc-width=600></zingchart>

Problem2: С другой стороны, я не могу получить доступ к объекту zingchart и получить следующую ошибку

Ошибка типа: "zingchart.render не является функцией"

...