javascript - 在带角度的高图中显示自定义 xaxis

Question

我需要使用 angular 创建此图像中显示的自定义 xaxis 。

在jsfiddle中的普通JS中我能够实现它，我尝试了角度相同的图表选项，但我得到了这样的结果，有人可以帮我解决我做错了什么吗？ ,

角度的stackblitz链接

标签： javascriptangularhighchartsangular2-highcharts

Answer 1

您需要导入并初始化highcharts-grouped-categories模块：https ://www.npmjs.com/package/highcharts-grouped-categories

import * as Highcharts from 'highcharts';
import HighchartsGroupedCategories from 'highcharts-grouped-categories';
import { Injectable } from '@angular/core';

HighchartsGroupedCategories(Highcharts);

---

现场演示： https ://stackblitz.com/edit/highcharts-angular-demo-4y3css?file=src%2Fapp%2Fhighcharts.service.ts

文档： https ://github.com/highcharts/highcharts-angular#to-load-a-module