highCharts 常见用法整理
highCharts用法
tooltip
tooltip: {
valueDecimals: 0, // 保留几位小数
shared: true, // 提示框被共享,有序数据的系列类型将被显示在同一个提示框中
crosshairs: true,
// 时间格式化字符
// 默认会根据当前的数据点间隔取对应的值
// 图表中数据点间隔为 1天,配置 day 值即可
dateTimeLabelFormats: {
millisecond: '%H:%M:%S.%L',
second: '%H:%M:%S',
minute: '%Y-%m-%d %H:%M',
hour: '%Y-%m-%d %H:%M',
day: '%Y-%m-%d',
week: '%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
xAxis
xAxis: {
type: 'datetime',
tickInterval: 1000 * 60 * 60 * 24 * 365,
// milliseconds * seconds * minutes * hours * days = 1 year
crosshair: true, //十字准星线
dateTimeLabelFormats: {
day: '%m-%d',
hour: '%H:%M',
minute: '%H:%M',
month: '%Y-%m',
},
// labels: {
// formatter: (x)=>{
// return x.value
// }
// }
},
yAxis
yAxis: {
title: {
text: '数量',
},
crosshair: true, //十字准星线
},
本文来自博客园,作者:叶子玉,转载请注明原文链接:https://www.cnblogs.com/knuzy/p/15734495.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架