Django nvd3折线图工具提示在交叉两个系列的情况下不工作

时间:2014-01-28 10:58:31

标签: django charts d3.js nvd3.js

我正在使用Django 1.5.4,python 2.7和django-nvd3 0.6.0来显示用户的统计信息。

以下是我传递给图表的数据示例:

data = {  
'charttype': 'lineChart',  
'chartdata': {  
'x':[1388514600000L, 1388601000000L, 1388687400000L, 1388773800000L],  
'y1':[0,0,0,4],  
'y2':[1,3,2,4],  
},  
'chartcontainer': chartcontainer,  
'extra': {  
'x_is_date': True,  
'x_axis_format': '%d %b %Y %H',  
'tag_script_js': False,  
'jquery_on_ready': False,  
}  
}  

由于y1系列和y2系列在4处交叉,因此会引发错误类型错误:e未定义 它根本没有显示工具提示。 但是如果你将y2的值更改为[1,3,2,5],它将按要求工作。

任何指针或建议都会很棒。

谢谢, Pradnya

1 个答案:

答案 0 :(得分:1)

def demo_linechart_without_date(request):

extra_serie = {}
xdata = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
ydata = [3, 5, 7, 8, 3, 5, 3, 5, 7, 6, 3, 1]
chartdata = {
    'x': xdata,
    'name1': 'series 1', 'y1': ydata, 'extra1': extra_serie,
}
charttype = "lineChart"
chartcontainer = 'linechart_container' # container name
data = {
    'charttype': charttype,
    'chartdata': chartdata,
    'chartcontainer': chartcontainer,
    'extra': {
        'x_is_date': False,
        'x_axis_format': '',
        'tag_script_js': True,
        'jquery_on_ready': False,
    }
}
return render_to_response('linechart.html', data)