score:3
This error is throwed when you're trying to create a chart with series which doesn't exist. I see that you didn't import the histogram module correctly. You should delete <script>
tags from your app.component.html
file, and import the modules inside of app.module.ts
.
Additionally, in order to make it works, you need to import appropriate module in the mentioned file, just like that:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms'; //for the dashboard view
import { ChartModule, HIGHCHARTS_MODULES } from 'angular-highcharts';
import * as histogram from 'highcharts/modules/histogram-bellcurve';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
ChartModule
],
providers: [
{ provide: HIGHCHARTS_MODULES, useFactory: () => [histogram] }
],
bootstrap: [AppComponent]
})
export class AppModule { }
Also, I recommend you to use official highcharts-angular
wrapper, which is very clearly documented and you shouldn't have any problems with building your own chart. Additionally it's better supported than unofficial ones. Here is the link to npm
package: https://www.npmjs.com/package/highcharts-angular
Source: stackoverflow.com
Related Query
- Getting "Highcharts error #17" when creating histogram (using Highcharts with Angular 6)
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Error when using Highcharts with Angular 2
- Getting error while using highcharts in Angular 7
- JavaScript error when using Highcharts
- Issues using highcharts node export server from ClojureScript - "0x03 error when performing chart generation"
- when printing page with highcharts using javascript this.print() width values in css in @media print seem to be ignored
- Creating Highcharts with Angular using Highcharts >= 5.0.0 and highcharts-ng >= 1.0.0 using a ChartFactory
- Fetch data from firebase firestore and plot histogram using highcharts when cardview clicked - android
- Jquery Highcharts is not loading when using with common function?
- Drawing Bubble Chart by using npm highcharts with error #17
- Strange behavior with highcharts when using "column" type and multiple datetime series
- How to specify a range of data when using HighCharts with <table>?
- highcharts strange area offset error when combined with xrange
- highcharts error 17 when creating a heatmap
- Getting error while using pattern in Angular Highcharts
- Getting error when using angular2-highcharts in angular2 project
- Uncaught Error: Highcharts error #17 while creating sunburst chart using react
- Angular 9 Highcharts - when using series of type pie with type gauge the innerSize of pie is not working
- Mouse wheel event, not working as expected in Firefox, when using Highcharts with PerfectScrollbar
- Highcharts cloud issue with data source when duplicating chart
- I am getting same highchart in pdf using jspdf when I am downloading the pdf with dynamic ids on click
- Getting value from tooltip when hover on svg element on the graph created with highcharts
- Highcharts chart with error bars using react-highcharts
- error with adjusting height of pie chart using highcharts
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?
- Highcharts not referenced error when using setOptions
- Stacked grouped histogram HighCharts graphs with dynamic data using ASP.NET MVC3?
- Using the source version instead of mimified when import lib with reactjs and npm
- Error with PhantomJS when installing Highcharts export server on Azure VM (Ubuntu 20.04)
More Query from same tag
- I want the three circles to overlap. (use highcharts)
- How to add gradient colors above chart line?
- Highcharts line color based on other data than value
- multiple series in Highcharter R stacked barchart
- Highcharts: How to make Tooltip position to be visible in the Viewport
- highchart stock : graph disappear when containing weekend data point
- Set specific spacing between rows and columns in Highcharts heatmaps
- HTML5/JS Chart with Moving Average
- Make Highcharts pick a smart y-axis min
- Highcharts: negative value in hebrew
- How to set point height on Y axis for specific series
- Integrate keen.io json to highcharts js
- Highstock Not showing max data value without Zoom
- Change/Swap Highcharts Data
- Highcharts : Custom legends in boxplot chart
- How to use 'compare' for all series except one
- Change from graph/Highcharts to maps/Highmaps in my API
- python/flask/Jinja2 and Json
- How to stop resetting zoom when switches to other chart type in highcharts
- Toggle between two values
- Add line to 3d column chart in Highcharts
- How do I customize link style for each data link in a Highcharts network graph?
- highcharts is not respecting my x-axis' date interval
- Highstock/highcharts - yAxis title width
- How to position highcharts tooltip above chart with outside:true
- Highcharts - is it support draw scatter line chart?
- Setting custom value as label in bar highchart (Rshiny)
- Heatmap yAxis change does not work as expected
- Cannot send Highcharts to back (z-index) of page
- How to Integrate Flot with AngularJS?