NVD3 LinePlusBarChart .enableFocus onClick无法正常工作

我正在尝试使用this示例作为指南来切换NVD3库的聚焦图。代码可以在here找到。NVD3 LinePlusBarChart .enableFocus onClick无法正常工作

这里是我的按钮，我使用切换：

<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

任何帮助非常感谢，谢谢。

来源

2016-01-06 userFriendly

您是否包含与示例中相同的库？ –

@LarsKotthoff这是问题，谢谢。如果你发布答案，我会给你点。 – userFriendly

您需要包含与您链接的示例中相同的库以获取此功能。

来源

2016-01-06 17:36:23

NVD3 LinePlusBarChart .enableFocus onClick无法正常工作

回答

相关问题