Highstock.js / Angular.js中的范围选择器在xAxis配置字段存在时不会更新图表
Range selector in Highstock.js / Angular.js doesn't update chart when xAxis configuration field is present
我在Angular中实现了一个Hilitock.js图表。我试图为用户提供多个缩放选项,其中一个是默认选择的。我定义了按钮,我指出默认情况下应该选择哪个按钮(通过提供按钮的索引),但它只在配置JS对象中不存在"xAxis"字段时才有效。
$scope.chartConfig = {
"useHighStocks":true,
/*
the line below prevents the rangeSelector from selecting
a custom time frame option in spite of correct configuration
*/
"xAxis": {},
"options":{
"rangeSelector": {
"allButtonsEnabled": true,
"enabled": true,
"selected": 1,
"buttons": [{
"type": 'month',
"count": 1,
"text": '1m'
}, {
"type": 'month',
"count": 3,
"text": '3m'
}]
}
...
如何在图表中同时拥有xAxis和自定义缩放选择?
这是小提琴,请尝试注释/取消注释xAxis行并运行代码。
小提琴:http://jsfiddle.net/11zqLnh3/
您是否尝试过将xAxis对象放入选项中?在这种情况下,它看起来会工作得很好:
"options":{
"xAxis": {}, // try commenting this line
"rangeSelector": {
"allButtonsEnabled": true,
"enabled": true,
"selected": 1,
"buttons": [{
"type": 'month',
"count": 1,
"text": '1m'
}, {
"type": 'month',
"count": 3,
"text": '3m'
}]
},
},
看这个例子:http://jsfiddle.net/11zqLnh3/1/
相关文章:
- 使用js/jQuery检查对象(而不是元素)是否真的存在
- moment.js在两个时区格式的日期之间存在差异
- 检查数组中是否存在字符串值,并返回找到的数组值js
- 以下内容在ASP.net/JS中可能存在吗
- underline-js:将键对象与数组键对象进行比较,如果存在,则移除现有的添加新的
- Javascript滑块不滑动,如何判断是否存在JS冲突
- mongodb检查值是否存在(node.js)
- 如何使用JS检查AWS S3上是否存在动态创建的文件
- MongoDB找到$value存在的位置和时间戳$gte JS
- 如何获得Backbone.js收藏集只存在于内存中(未持久化)
- 检查D3.js中的函数中是否存在URL
- 在Require.js中,如果Require()是一个函数,那么Require.config()是如何存在的
- 如何使用jsoup检测内联js函数?我基本上想检查内联函数是否存在
- javascript(angularjs)检查js对象中是否存在值
- Go中是否存在与此JS表达式等效的表达式
- Ember.js:在模板中呈现谷歌图表(仅当存在时才称为目标DOM元素)
- web js中是否存在等待或睡眠命令
- Node.js Express应用程序:如果存在cookie,则从服务器端向元素添加CSS类
- 如果不存在任何段落,Angular JS将默认创建段落
- 将当前 js 对象保存在 history.pushState 中