频道导航

• ▸ PHP
• ▸ Java
• ▸ Java SE
• ▸ Python
• ▸ C#
• ▸ C&C++
• ▸ Ruby
• ▸ VB
• ▸ asp.Net
• ▸ Go
• ▸ Perl
• ▸ netty
• ▸ Django
• ▸ Delphi
• ▸ Jsp
• ▸ .NET Core
• ▸ Spring
• ▸ Flask
• ▸ Springboot
• ▸ SpringMVC
• ▸ Lua
• ▸ Laravel
• ▸ Mybatis
• ▸ Asp
• ▸ Groovy
• ▸ ThinkPHP
• ▸ Yii
• ▸ swoole
• ▸ HTML
• ▸ HTML5
• ▸ JavaScript
• ▸ CSS
• ▸ jQuery
• ▸ Bootstrap
• ▸ Angularjs
• ▸ TypeScript
• ▸ Vue
• ▸ Dojo
• ▸ Json
• ▸ Electron
• ▸ Node.js
• ▸ extjs
• ▸ Express
• ▸ XML
• ▸ ES6
• ▸ Ajax
• ▸ Flash
• ▸ Unity
• ▸ React
• ▸ Flex
• ▸ Ant Design
• ▸ Web前端
• ▸ 微信小程序
• ▸ 微信公众号
• ▸ iOS
• ▸ Android
• ▸ Swift
• ▸ Hybrid
• ▸ Cocos2d-x
• ▸ Flutter
• ▸ Xcode
• ▸ Silverlight
• ▸ cocoa
• ▸ Cordova

• 前端之家
• JavaScript
• Highcharts学习之数据列

@H_301_0@

提示：

数据列配置是个数组，也就是数据配置可以包含多个数据列。

@H_301_0@数据列中的

name

代表数据列的名字，并且会显示在数据提示框（

Tooltip

）及图例（

Legend

）中

@H_301_0@

tags:

@H_301_0@

1.数据列中的数据填充：

@H_301_0@

方法一：一维数组

@H_301_0@如果有categories属性的话就是使用一维数组

@H_301_0@

方法二：二维数组

@H_301_0@如果没有categories属性的话就是使用二维数组

@H_301_0@

方法三：集合

@H_301_0@

2.线条宽度（lineWidth）：

@H_301_0@将线条的宽度改为5px默认为1px

@H_301_0@

3.数据标签（dataLables）：

@H_301_0@

4.线条样式（Dash Style）:

@H_301_0@

5.Zoom

@H_301_0@以上就是本文的全部内容，在 Highcharts 中，数据列的配置是个非常重要的配置，同时又由于可配置的属性非常对，配置的灵活性非常高，需要大家自己自己体会和理解。

原文链接：https://www.f2er.com/js/46822.html