起步
安装
创建第一个JavaScript图表
图表要点
Series [处理数据]
响应式
动画
注释
数据标签
事件
交互性
格式化
格式化轴标签
日期时间
本地化
工具提示
网格
图例
图表类型
折线图(Line Chart)
面积图(Area Chart)
条形图(Bar Chart)
柱形图(Column Chart)
箱形图(BoxPlot)
烛台图(Candlestick)
范围条形图(Range Bar Chart)
热图图表(Heat Map Chart)
矩形树图(Treemap Chart)
多轴图表(Multi-Axis Chart)
饼图 / 圆环图(Pie / Donut)
雷达图(Radar)
径向条形图 / 仪表图(RadialBar / Circular Gauge)
同步图表(Synchronized charts)
设计
颜色
主题
渐变
图像填充
模式
滤镜
集成
Angular Charts
React Charts
Vue Charts
如何
放大类别 X 轴
自动换行和多行文本
从 JSON API 更新图表 & AJAX
选项(参考)
annotations
chart
animations
background
brush
defaultLocale
dropShadow
fontFamily
foreColor
group
events
height
id
locales
offsetX
offsetY
parentHeightOffset
redrawOnParentResize
redrawOnWindowResize
selection
sparkline
stacked
stackType
toolbar
type
width
zoom
colors
dataLabels
fill
forecastDataPoints
grid
labels
legend
markers
noData
plotOptions
area
bar
bubble
candlestick
boxPlot
heatmap
treemap
pie
polarArea
radar
radialBar
responsive
series
states
stroke
subtitle
theme
title
tooltip
xaxis
yaxis
方法
render
exec
updateOptions
updateSeries
appendSeries
toggleSeries
showSeries
hideSeries
zoomX
resetSeries
appendData
toggleDataPointSelection
addXaxisAnnotation
addYaxisAnnotation
addPointAnnotation
removeAnnotation
clearAnnotations
dataURI
destroy
setLocale
heatmap - Apexcharts中文手册 - 笔下光年
网站首页
heatmap
[TOC] - ## plotOptions - ### heatmap - #### radius: Number 热图中矩形的半径 - #### enableShades: Boolean 根据值启用不同深浅的颜色 - #### shadeIntensity: Number 为每个值生成的阴影强度 接受从 0 到 1 - #### reverseNegativeShade: Boolean 启用后,它将反转负片的阴影,但保持正片的阴影不变。这种用例的一个例子是损益表,其中深红色意味着更大的损失,更深的绿色意味着更大的收益。 - #### distributed: Boolean 启用后,热图中的每一行都有自己的最低和最高范围,并且每个系列的颜色都会被着色。默认值是关闭的。 - #### useFillColorAsStroke: Boolean 如果打开,热图单元格周围的描边/边框颜色与单元格颜色相同。 - #### colorScale: Number - ##### ranges: Array - ###### from: Number 表示范围上限的值 - ###### to: Number 表示范围下限的值 - ###### color: String 填充范围的背景颜色。 - ###### foreColor: String 如果启用了数据标签,则文本的前景色。 - ###### name: String 如果提供了名称,它将在图例中使用。如果未提供,则文本回退到`{from}` - `{to}` - ##### inverse: Boolean 在多系列热图中,翻转色标以垂直而不是水平填充热图。 - ##### min: Number 指定热图颜色计算的下限。 - ##### max: Number 指定热图颜色计算的较高范围。 ```javascript plotOptions: { heatmap: { radius: 2, enableShades: true, shadeIntensity: 0.5, reverseNegativeShade: true, distributed: false, useFillColorAsStroke: false, colorScale: { ranges: [{ from: 0, to: 0, color: undefined, foreColor: undefined, name: undefined, }], inverse: false, min: undefined, max: undefined }, } } ```
上一篇:
boxPlot
下一篇:
treemap