score:40
You can do this by explicitly overriding the lang.numericSymbols*
with null
in the defaultOptions
as follows
Highcharts.setOptions({
lang: {
numericSymbols: null //otherwise by default ['k', 'M', 'G', 'T', 'P', 'E']
}
});
The documentation reads as follows
numericSymbols:
Array<String>
Metric prefixes used to shorten high numbers in axis labels. Replacing any of the positions with null causes the full number to be written. Setting numbericSymbols to null disables shortening altogether. Defaults to ['k', 'M', 'G', 'T', 'P', 'E'].
**officially available from v1.2.0 (2012-08-24)
This won't work before v1.2.0 as the suffixes were hard coded then.*
Alternate solution
(Should work on all versions that support formatter)
Use yAxis.labels.formatter
and return the value as it is
yAxis: {
labels: {
formatter: function () {
return this.value;
}
}
}
Disabling metric notation on axis values | Highchart & Highstock (v1.2+) @ jsFiddle
Disabling metric notation on axis values | Highchart & Highstock (old versions) @ jsFiddle
score:0
Based on the answer of @Jugal-Thakkar, I implemented:
numericSymbols: [' × 10³', ' × 10⁶', ' × 10⁹', ' × 10¹²', ' × 10¹⁵', ' × 10¹⁸'],
The superscripts 0 and 4-9 are UTF-8 characters only. You need to specify a font that supports these, as otherwise you will have font-substitution issues, as described in Why the display of Unicode characters for superscripted digits are not at the same height?.
I use:
font-family: Lucida Sans Unicode, Arial Unicode MS, Cambria, Calibri, Consolas;
Also, I would rather have 1.8 × 10¹⁴ than 180 × 10¹², but is better than 180000000000000, which is hard to read.
Source: stackoverflow.com
Related Query
- Replacing/removing the metric notations like thousands "k" abbreviation
- Inconsistencies with the display of metric notations in Highcharts
- Strange character in the Highstock source code
- Replacing highcharts.each in my code as it is being deprecated
- Getting the complete XML source out of an XML DOM object
- Highmaps: what is the code for a county?
- c# WPF Webbrowser with Highchart, Javascript from external source not working "An error has occurred in the script on this page"
- How Can I Hide a Pie Chart's Slice in HighCharts Without Removing It From the Legend?
- how to display 2 same highcharts without duplicate the code
- Highstock navigator step like the parent chart
- Using .hide() on pie series to hide a single slice like the legend event
- Highcharts & Angularjs: update chart from $broadcast in the main controller doesn't update the chart like a $watch would in the chart's controller
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- Why is the first data on highcharts not like the others
- Highcharts: Removing the legend Symbol that comes with marker
- Need help in simplifying the code to synchronise tooltips and crosshairs for Highcharts,
- Removing the circle around a spiderweb chart in Highcahrts
- Is it possible to plot a chat like the below screenshot using highcharts?
- Highcharts date in form of Day(Integer) - Month(the name of the month), like 17 - July
- highcharts- I would like to change the axis value while leaving the graph intact
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Is there a option in highcharts like the 'ordinal' in highstock?
- Using the source version instead of mimified when import lib with reactjs and npm
- Display informations under the X-Axis like in Excel with Highcharts
- how can I use rangeselector and navigation in highcharts in the given code
- How to make dynamic chart with the next view? What libraries allows to customise exactly this like in my design?
- Is there any way to show the summation of area charts value in highcharts without using a line chart? I would like to know other alternative
- Calling Highcharts export to jpeg but the source is https and exporting is http (security warnings issued by browser)
- Like to show all the labels of x axis in highchart
- In the following code i want to show the WHOLE names on x axis nd dont want them to overlap with the legend
More Query from same tag
- Highcharts - How to hide series name and Y value in tooltip
- Highcharts, labeling axes, last label not shown correctly, potential bug
- Accessing Value of JSON and use it in Highcharts
- Highchart doesn't display selected data properly
- Caveats of highcharts-ng
- How to plot AM,PM labels in HighChart?
- JQuery UI tabs and multiple Highcharts
- Can I let a data value null in highcharts?
- Chart configurations in case of high number of legends
- how to get index of a point in Highcharts to use in an event?
- Highcharts: Click to update column color --- need a mouseover?
- change highcharts detetime label
- Highchart heatmap plot x-axis on time and y-axis on string
- highcharts-ng show loading Image when loading
- highcharts web chart inside a modal
- How to use Sankey chart from highchart in Angular5
- Highcharts JS: Gap between X-Axis labels is too thin
- enable the graph inside the navigator in Highcharts
- How to subtract one month from each month in a Date.UTC Array with jQuery
- R highcharter editing dataLabels format
- Highcharts add single line to column chart
- why HighChart is not visible in asp.net
- updating the array that is being passed to highcharts in meteor app
- How does it implement this chart with highcharts?
- HighCharts:set the value of yAxis
- Display highchart figure in ASP.NET MVC5 view
- Hyperlink bar chart in Highcharter
- How to modify style properties in an Highcharts tag with Angular?
- Highchart showing indicator at last point for line chart
- HighCharts Column Chart Spacing Between Columns