Your JSON seems to be completely invalid, you would be able to see that
error in your console. Additionally, it's x-axis (not x-Axis) since all
props are actually case sensitive. According to the highcharts api, you
need to have x-axis: {categories: ["Jan","Feb","Mar"]}. Also the data
should NEVER go in the y-axis property, rather it should be in the *data*
key. All in all, your new HTML looks like this:
*<highcharts-chart id="Chart" x-Axis='{"categories": ["Jan", "Feb",
"Mar"]}' type="spline" title="Monthly Average Temperature"
subtitle="Source: WorldClimate.com" x-label="Months" y-label="Average"*
* data='[{"name": "Tokyo", "data": [7.0, 6.9, 9.5]},*
* {"name": "New York", "data": [-0.2, 0.8, 5.7]},*
* {"name": "Berlin", "data": [-0.9, 0.6, 3.5]},*
* {"name": "London", "data": [3.9, 4.2, 5.7]}]'></highcharts-chart>*
PS. Please post any concerns in the issues tab in the Github Repo
<https://github.com/avdaredevil/highcharts-chart>/Stack Overflow, as it may
help fellow developers with similar issues. Thanks
Sincerely,
AP [highcharts-chart author]
On Tuesday, August 2, 2016 at 4:19:26 PM UTC-4, [email protected]
wrote:
>
> Hi,
>>
> I've been trying to figure out how to use highchart-chart to come up with
> a chart similar to this
> but Ican't figure it out please lend me some help, here's what I've tried
> <highcharts-chart id="Chart" x-Axis='["Jan", "Feb", "Mar"]' type="spline"
> title="Monthly Average Temperature" subtitle="Source: WorldClimate.com"
> x-label="Months" y-label="Average"
> y-Axis='{name= "Tokyo", series= [7.0, 6.9, 9.5]},
> {name= "New York", series= [-0.2, 0.8, 5.7},
> {name= "Berlin", series= [-0.9, 0.6, 3.5]},
> {name= "London", series= [3.9, 4.2, 5.7}'></highcharts-chart>
> best regards,
> BENJEBARA Maha
>
>
> <https://lh3.googleusercontent.com/-GdFr9RVkVys/V6D__tHc7dI/AAAAAAAAAD0/Fg7iEUBIJn8mHc-DO8N4eWroLp-8BDJkwCLcB/s1600/chart.PNG>
>
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/5a7f102a-ed8b-4e5d-a094-7386dd977d2d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
