NVD3 LinePlusBarChart.enableFocus on单击不工作
NVD3 LinePlusBarChart .enableFocus onClick no working
我正试图以这个例子为指导,用NVD3库切换焦点图。代码可以在这里找到。
这是我用来切换的按钮:
<div>
<button onclick="chart_users_new.focusEnable(!chart_users_new.focusEnable()); chart_users_new.update();">toggle focus</button>
</div>
这是我的图表代码:
var chart_users_new
nv.addGraph(function() {
chart_users_new = nv.models.linePlusBarChart()
.margin({top: 30, right: 80, bottom: 50, left: 80})
.color(d3.scale.category10().range())
.tooltipContent(function(key, x, y, e, graph) {
//irrelevant
});;
// FULL Graph
chart_users_new.xAxis.tickFormat(function(d) {
return d ? d3.time.format('%H:%M%')(new Date(d)) : '';
});
chart_users_new.xAxis.axisLabel('Label');
chart_users_new.y2Axis
.axisLabel('Label')
.tickFormat(d3.format(',.'));
chart_users_new.y1Axis
.axisLabel('Content at time (true or false)')
.tickFormat(d3.format(',f'));
chart_users_new.bars.forceY([0]);
chart_users_new.lines.forceY([0]);
d3.select('#chart_users_new2 svg')
.datum(new_chart_concurrent_users_data)
.transition()
.duration(0)
.call(chart_users_new)
.selectAll('rect.nv-bar').style("fill-opacity", function(d, i){
return d.has_content == true ? 0.8:0.5;
});
nv.utils.windowResize(chart_users_new.update);
return chart_users_new;
});
当我点击按钮时,这是Chrome中打印到控制台的错误:
Uncaught TypeError: chart_users_new.focusEnable is not a function
非常感谢您的帮助,谢谢。
您需要包含与链接到的示例中相同的库才能获得此功能。
相关文章:
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- button.单击两次删除附加操作后不工作
- 我该如何阻止单击方法多次工作
- Hammer.js滑动不会'单击按钮后才能工作
- 为什么不'加载$(document.ready(function)后,单击“工作”
- jQuery animate只在单击时工作一次
- 单击'Backbone.js视图'不要工作
- 谷歌工作表中的按钮,当单击时,会更改特定单元格的背景
- 单击水平滚动库中的图像以居中显示无法工作的功能
- 禁用触摸设备上的单击链接未按预期工作
- Chrome扩展程序:浏览器操作单击按钮工作一次
- 单击仅工作一次
- 单击事件在 iPad 中使用 Angularjs 无法正常工作
- 我需要在单击时运行两个函数.即使嵌套在一起,我也无法让它们都工作
- Javascript不起作用,但当放置断点并从chrome调试器工具中单击文件时,它可以正常工作
- 如何使toggleClass()在元素外部单击时工作
- 切换悬停和单击无法正常工作
- 单击事件在触发一次主干js后停止工作
- 单击时的Javascript事件侦听器未按预期工作