Highcharts-2-Введение в элементы конфигурации
Эта статья знакомит сHighchartsсвязанные элементы конфигурации и понимать основное значение каждого существительного.
Справочная информация взята с официального сайта и предназначена только для обучения: https://api.highcharts.com.cn/highcharts.
Базовый состав Highcharts
Значок обычно состоит из различных частей, таких как область диаграммы, заголовок, область графика, оси, легенда/столбец данных и т. д., как показано на следующем рисунке:
Глоссарий
- lang: языковой текстовый объект, все настройки, связанные с текстом Highcharts
- Диаграмма: область диаграммы, область диаграммы и общие параметры конфигурации диаграммы.
- цвета: цветовая конфигурация столбца данных диаграммы, которыймассив цветов
- кредиты: информация об авторских правах, Highcharts на графикеНижний правыйИнформация об авторских правах и цепочка
- Drilldown: детализировать, детализировать данные, детализировать конкретные данные в нем.
- экспорт: экспорт модулей, экспорт конфигурации функций, экспорт для загрузки диаграммы в виде изображения или печати диаграммы
- легенда:легенда, пометьте разные столбцы данных разными формами, цветами, текстом и т. д. Вы можете отобразить или скрыть столбцы данных, щелкнув значок
- загрузка: Загрузка, параметр загрузки управляет внешним видом и текстом экрана загрузки, покрывающего область рисования.
- навигация: группа навигации, кнопки модуля экспорта и параметры конфигурации меню
- noData: нет данных, что отображать, когда нет данных
- панель: разделена на блоки, предназначенные для настройки графиков инструментов и радиолокационных диаграмм, в основном для установки радиана и цвета фона.
- plotOptions: конфигурация для разных типов диаграмм
- ряд: столбец данных, один или несколько рядов данных на диаграмме, например кривая на диаграмме, столбец
- заголовок: заголовок, включая заголовок и подзаголовок, где подзаголовок является необязательным.
- всплывающая подсказка: окно подсказки точки данных, когда мышь скользит по определенной точке, она подскажет данные измененной точки в виде поля, например, значение точки, единицу данных и т. д.
- Ось: ось координат, включая ось x и ось y (ось x, ось y). Несколько разных столбцов данных могут иметь одну и ту же ось X или ось Y. Конечно, также может быть две оси X или оси Y, которые отображаются вверху, внизу или слева от диаграммы соответственно.
параметры конфигурации
Глобальная конфигурация
Описание случая:
Highcharts.setOptions({
global: { # 全局配置参数是针对所有Highcharts图表生效的配置，只能通过Highcharts.setOption函数来配置
Date: object # 用于高级时间处理的自定义时间类，例如 JDate 可以用于处理 Jalali 时间。
VMLRadialGradientURL: String # 用于在 VML 中渲染渐变效果的图片路径
getTimezoneOffset: Function
timezone: String
timezoneOffset: Number
useUTC: Boolean
}
lang: { # 语言文字对象，全局设置，针对所有图标有效
contextButtonTitle: String # 导出按钮的标题
decimalPoint: String # 默认的小数点符号
downloadJPEG: String # 导出JPEG图片选项显示的文字
downloadPDF: String # 导出PDF选项显示的文字
downloadPNG: String # 导出PNG图片选项显示的文字
downloadSVG: String # 导出SVG图片选项显示的文字
drillUpText: String # 当图标下钻后会有一个返回按钮
invalidDate: String # 当时间值无效时显示的信息，默认是空字符串
loading: String # 当图标加载中状态时显示的文字
months:Array<String> # 月份数组，在日期格式化函数 Highcharts.dateFormat() 中月份格式字符 %B 会用到。 默认是：[ "January" , "February" , "March" , "April" , "May" , "June" , "July" , "August" , "September" , "October" , "November" , "December"]
shortMonths: Array<String> # 月份缩写数组，月份缩写数组，在时间格式化函数 Highcharts.dateFormat() 中缩写月份格式符 %b 中会用到。 默认是：[ "Jan" , "Feb" , "Mar" , "Apr" , "May" , "Jun" , "Jul" , "Aug" , "Sep" , "Oct" , "Nov" , "Dec"]
weekdays: Array<String> # 星期数组，默认是：["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
shortWeekdays: Array<String> # 星期的缩写，如果有指定该参数，那么 Highcharts 会默认使用 lang.weekdays 中对应的前三个字母。
noData: String # 没有数据显示的文字
resetZoom: String # 当图表缩放后重置缩放比例按钮的文字。 默认是：Reset zoom
resetZoomTitle: String # 重置缩放比例按钮的标题，默认是Reset zoom level 1:1
}
})