如何解决Angular HighCharts ParlimentChart无法正常工作
您好,我正在尝试使用Parliment图表绘制高角度图表。该链接是关于js的,但是我想以角度使用它。在html
<highcharts-chart [Highcharts]="Highcharts" [options]="chartOptions" [(update)]="updateFromInput" [oneToOne]="oneToOne"></highcharts-chart>
在组件中
Highcharts: typeof Highcharts = Highcharts;
updateFromInput = false;
chartOptions = {
chart: { type: 'item'},title: { text: ''},subtitle: { text: ''},legend: {labelFormat: '{name} <span style="opacity: 0.7">{y}</span>'},series: [{
keys: ['name','y','label'],dataLabels: { enabled: true,format: '{point.label}'},center: ['50%','88%'],size: '170%',startAngle: -100,endAngle: 100,data: [
['The Left',69,'DIE LINKE'],['Social Democratic Party',153,'SPD']
],}]
};
当我运行它时,在下面给出错误
错误
错误:Highcharts错误#17: www.highcharts.com/errors/17/?missingModuleFor=item
- missingModuleFor:项目
如何以角度运行议会图表。这demo无效
解决方法
我通过添加其图表js库解决了该问题。在js文件中的此类图表中,您可以看到要使用图表运行
<script src="https://code.highcharts.com/modules/item-series.js"></script>
对于角零件,我们需要将其从模块中导入
import ItemSeries from 'highcharts/modules/item-series';
,然后使用ItemSeries(Highcharts);
接受
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。