Comments (4)
使用 JavaScript 配置 Highcharts:
Highcharts.chart('container', {
chart: {
type: 'columnrange',
inverted: true
},
title: {
text: 'Temperature variation by month'
},
subtitle: {
text: 'Observed in Vik i Sogn, Norway, 2021 | ' +
'Source: <a href="https://www.vikjavev.no/ver/" target="_blank">Vikjavev</a>'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature ( °C )'
}
},
tooltip: {
valueSuffix: '°C'
},
plotOptions: {
columnrange: {
borderRadius: '50%',
dataLabels: {
enabled: true,
format: '{y}°C'
}
},
series: {
minPointLength: 3
}
},
legend: {
enabled: false
},
series: [{
name: 'Temperatures',
data: [
[-13.9, 5.2],
[-16.7, 10.6],
[0, 0],
[-4.4, 16.8],
[-2.1, 27.2],
[5.9, 29.4],
[6.5, 29.1],
[4.7, 25.4],
[4.3, 21.6],
[-3.5, 15.1],
[-9.8, 12.5],
[-11.5, 8.4]
]
}]
});
from aachartkit.
由图中显示的内容可以看出: 值为 [0, 0],
的地方, 仍有宽度为 3
的棱柱, 其中起作用的关键内容为:
plotOptions: {
...
...
series: {
minPointLength: 3 //柱状图, 条形图, 柱形范围图, 瀑布图, 箱线图(盒须图)直接设置单个图形元素的最小高度
}
},
你可以在这个在线编辑工具中测试此示例代码:
关键属性 minPointLength
请参考在线文档:
from aachartkit.
我用的AAChartKit-Pro ,因为需要用到AAChartTypeXrange,但是这里好像没有这个属性
from aachartkit.
我按照AAChartKitLib库中的AASeries和AAColumn中添加了minPointLength属性 可以显示出来了
from aachartkit.
Related Issues (20)
- 关于双 Y轴刻度线不对齐的问题 HOT 4
- 通过入睡时间,tooltips上显示正常的HH:mm - HH:mm,这种js应该怎么写啊 HOT 1
- ios AALegend 如何禁止点击 禁用点击区块 (尝试过 很多属性都不能满足需求) HOT 2
- Y轴labels无法自定义显示格式化 HOT 1
- 最新版本获取不到AAOptions HOT 1
- Swift 无法为 X 轴文字 Labels 添加点击事件 HOT 1
- 如何默认选中折线图某个点 HOT 2
- How to change range on Y axis HOT 11
- Background color change is late, so it flashes from white to selected color
- 当y轴数据为0时,如何让这条数据的数值0不展示 HOT 1
- 如何使用自定义字体ttf?
- 柱形图的Y轴坐标轴刻度线怎么能设置为虚线? HOT 4
- Crash on [WKWebView initWithFrame: configuration:]
- 柱状图 dataLabels的设置问题 HOT 5
- 如何绘制成不完整的扇形图,只能绘制完整圆吗 HOT 1
- About PrivacyInfo.xcprivacy HOT 4
- 如何通过代码让选中标识隐藏 HOT 2
- 你好作者。pie类型中 aaDataLabels.filter(<#T##[String : Any]?#>) 中的值如何填写呢? HOT 3
- 你好,使用曲线图时,当曲线数量比较多的时候,点击曲线的时候会很卡,浮动提示框显示的会很慢,想问下有什么办法解决? HOT 12
- 你好如何实现双Y轴柱形图组合折线图的效果两个Y轴代表了不同图 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from aachartkit.