0
我正在嘗試使用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
任何幫助非常感謝,謝謝。
您是否包含與示例中相同的庫? –
@LarsKotthoff這是問題,謝謝。如果你發佈答案,我會給你點。 – userFriendly