Highchart Construction of horizontal error bar graph ordinary error bars can only show the error range in the vertical direction. However, in many cases, it is necessary to show the error range in the horizontal direction of the value. This time, you can use the third-party plug-in Error_bar implementation. The plugin provides the user with a new chart type of Error_bar. The process for using a transverse error bar chart is as follows:
(1) Download the plugin from GitHub at Https://github.com/youngmd/highcharts-errorbar/archive/master.zip. Unzip the file to get the script file highcharts-errorbar.js.
(2) In the current Web page, the script file is introduced. The code is as follows:
- <script src= "Highcharts-errorbar.js" ></script>
(3) Specify the chart type as Error_bar in the data column. The code is as follows:
- series:[{
- Type: ' Error_bar '
- }]
(4) Build the corresponding node. Its node composition syntax is as follows:
- [X,y,left,right,low,high]
Where the parameters x and Y Specify the node position, the left and right parameters specify the transverse error value, and the parameter low and right specify the longitudinal error value.
(5) Use the configuration item format to specify the display mode. Its syntax is as follows:
Where the parameter string specifies that the error bar is displayed. The allowable values are X (display only horizontal error bars), Y (display only vertical error), XY (both horizontal and vertical error bars are displayed). The default value is XY.
Create an instance effect as follows:
Transverse Error bar chart
PS: This content has been added to the "Web Diagram highcharts Practical Tutorial Chart" v1.2.5.
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Highchart Building a horizontal error bar chart
