Nevermind. Used a range chart and it works fine.
What if I want the bar chart to start from -140 and only rise to the indicated value?
Final version working nicely (JSFiddle)
Thanks for the assistance!
Updated JS Fiddle
OK, so this is a great assistance. However, how do I explain to the Chart that I want the dates displayed in my time zone?
I’m passing into an Angular component the following:
<componentName yAxisLabel=”\u00B5W / cm\u00B2″></componentName>
Then, within the component I am using the @Input value like this: @Input() yAxisLabel: string; …
…CanvasJS Chart config…
axisY: { title: this.yAxisLabel }
…
However, the chart translates it literally as “\u00B5W / cm\u00B2” which is what displays as the axis title. It works just fine if I hard-code the title, but not as an input value.
Solution: Where I was passing: “\u00B5W / cm\u00B2” I now pass the HTML Entity: “µW / cm²”
Works like a charm.
A great reference for HTML entities, etc: https://www.toptal.com/designers/htmlarrows/