look at the differences between your link and https://docs.microsoft.com/en-us/power-bi/developer/visuals/dataview-mappings. it seems that microsoft.github.io/powerbi-visuals/docs/concepts/… is deprecated and some features and synthax have change.
in your example i don't see your definitions in dataviewmappings.
here what happen when i follow exactly the steps indicated in the two links (not the deprecated) and here the result, dynamically loaded. try to follow this tutorial and come back if your problem is still present.
- Highcharts custom visuals with Data binding PowerBI
- Highcharts - Global configuration with common code and unique data & Headings
- Exporting with custom data label image in highcharts gantt
- Highcharts series visibility with csv data source
- Highcharts stock chart not showing up with custom data
- How to have multiple highcharts with different series data in vuejs without repeating code
- how do you create custom buttons with highcharts that each data buttons calls anather php script for its data
- Highcharts cloud issue with data source when duplicating chart
- Highcharts with data from table, how to add custom marker for specific value from specific series?
- Reload chart data via JSON with Highcharts
- Resize data points with highcharts
- Highcharts doesn't display series with lots of data points
- Highcharts data series issue with ajax/json and PHP
- Highcharts - Dyanmic graph with no initial data
- Load data into Highcharts with Ajax
- Updating data in charts, highcharts with angular, highcharts-ng
- Highcharts with JSON data and multiple series
- How to pass custom data into Highcharts graph click event
- Highcharts scatter plot with lots of data points running really slow
- Appending Data with Highcharts (real time updating chart)
- highcharts with null data points
- Highcharts Angular with API data
- How to structure Angular with Highcharts and lots of dynamic data
- Add dynamic data to line chart from mysql database with highcharts
- Creating a line graph with highcharts and data in an external csv
- Alternatives to Highcharts for datasets with 10k data points?
- Highcharts v3.0.1 problems with rotating data labels in IE8 and jQuery v1.7.1
- Highcharts load data with ajax to populate the tooltip
- How to populate a Highcharts axis with string formatted data from a PHP array
- Show more data on Gauge chart with Highcharts
More Query from same tag
- How can I add internal padding to the plot area of my highchart/highstock chart?
- Highcharts: get index of the selection event
- JS Centre-Zeroed Gauge Chart
- continue the line drawing on dotnet highchart
- xaxis populated with weekdays looping
- Plot dynamically added array elements using Highcharts.js
- Highcharts export chart along with outer div
- Show HighCharts tooltip when chart loads
- How to add a border to the title in highcharts
- How can I get highstock zoom infomation?
- Highcharts error "cannot read property of undefined"
- Npm package for Highchart Dumbell Chart
- How to overwrite Highcharts credits default settings
- Using PHP for Highchart Heatmap
- How do I add column-specific plotlines using High Charts?
- Gradient on sankey diagram
- How to make 3 different color on Highcharts
- Highcharts adding additional blank series from csv
- Heat Map With Red Color Range For Negative Values And Green Color Range For Positive Values
- running highcharts with flaskr and jinja2
- How to add box shaders to plot Highcharts
- Django - highcharts changes dot i comma
- Plotting data and time zones on highcharts react
- Two highchart update issue
- Highcharts use loal date instead of utc date in tooltip
- Highcharts - how to align two charts on a same line
- Using a flask variable as data source for highcharts
- Producing an area chart in D3 similar to Highcharts Basic Area
- how to set visibility of div in controller (SAP UI5)
- drawRectangle error on highcharts-more.js[dynamic] file