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 render a watermark image in my highchart from local directory?
- Declaring minimal width of serie in treemap
- Highcharts markers positioning errors in IE8
- Create Phantomjs export server to convert highchart to image base64 string
- Highcharts: set 'select' state on a point and maintain it after mouseover?
- Rounded edges Gauge with Highcharts.js
- Export stack of plots in highcharts
- building a custom histogram with highcharts.js
- How to position the Highcharts.StockChart's rangeSelector zoom on the right?
- Data from MongoDB results with empty Highcharts graph
- Rails: Pie Charts legend in Chartkicks
- How to display the total of the series values for a donut chart in Highcharts?
- Markers/Circles in Spline chart in highcharts
- Highstock chart not rendering data completely on first load
- Export Highchart + HTML as Image in angularjs app
- Donut Inner Text
- Highcharts display full number or any format instead of k
- Highstock chart offsets dates for no reason
- Change default colors in a pie highchart angular
- How to set HighCharts dataGroup to a range/timeframe?
- Highcharts pie tooltip cuts off
- issues with HighCharts
- How to import JSON data to Chart Array in web2py (Python)
- Highcharts: Horizontal labels don't fit the space. How to solve it?
- Need help in binding dynamic JSON to Highcharts
- highchart column comparison chart like xrange