HighCharts - highstock倒转轴与滚动导航
HighCharts - HightStock inverted axes with scroll navigator
我正在尝试使用Highcharts工具来显示一些具有大量数据和系列比较的图形。
我需要的图王正是这个例子中给出的。
除了mine必须垂直显示(y轴为时间线,从上到下,x轴为值)
就像"样条倒转"的例子(见这里)所示,显示海拔相关的数据是非常有用的。
我可以很容易地想象反转值和交换轴图例,但我不认为时间线导航器会遵循…
我还尝试将图形设置为倒置的,就像在"样条与倒轴"的例子:
chart = new Highcharts.StockChart({
chart: {
renderTo: 'container',
inverted: true
},
...
但它没有工作。
是否有一种方法可以显示与y轴上的时间线导航器垂直相同的图形?
编辑:似乎不可能在HighStock图形上使用反转(如文档所示),所以我调整了我的问题:我们可以使用HighCharts倒排图来显示HighStock图表中的许多点吗?(即使我们在y轴上没有任何滚动导航器)
Hilitock不支持倒排图表,参见:http://api.highcharts.com/hilitock#chart
编辑:可以使用倒置的Highcharts与datagrougroup,它当然需要Hilitock在文件中,但只需使用Highcharts. chart()创建图表。不要忘记从Hilitock启用dataGrouping。示例:http://jsfiddle.net/PATyv/2/
代码: window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
inverted: true
},
title: {
text: 'USD to EUR exchange rate'
},
tooltip: {
style: {
width: '200px'
},
valueDecimals: 4
},
yAxis: {
title: {
text: 'Exchange rate'
}
},
xAxis: {
type: 'datetime'
},
series: [{
name: 'USD to EUR',
data: data,
id: 'dataseries',
dataGrouping: {
enabled: true
}
}]
});
相关文章:
- 向上滚动导航栏背景淡出
- jQuery高亮显示滚动导航链接不起作用
- jQuery平滑滚动+导航更新
- 使滚动导航栏在引导程序中的浏览器顶部停留
- 修改此滚动导航菜单脚本
- 使用扩展/收缩部分/栏开发网站,同时滚动导航
- 滚动导航无法正常工作
- 引导程序滚动导航栏问题
- 具有活动类的平滑滚动导航
- jquery自定义控制的滚动导航
- Bootstrap:固定导航静态顶部在顶部,但可滚动导航崩溃
- 水平滚动导航条不能正常工作
- Jquery滚动导航不能'
- 滚动导航链接的样式
- 在滚动导航条后面滑块和银条视差效果不起作用
- 在多个部分中滚动导航到h2
- HighCharts - highstock倒转轴与滚动导航
- 从滚动网站的其余部分中删除滚动导航栏
- 带有粘性标头的哈希滚动导航,偏移量在 Firefox 上不起作用
- 在多个页面上平滑滚动导航