Django-nvd3中的双轴行Python Django

时间:2018-11-30 08:52:42

标签: python django python-3.x d3.js nvd3.js

我正在尝试Django-nvd3的演示项目。我试图在视图函数中修改示例,在该示例中,将显示值替换为csv的列。请参阅以下内容:
linewithfocuschart.htm

{% load nvd3_tags %}
<head>
    {% include_chart_jscss %}
    {# Jquery CDN : Needed when using jquery_on_ready=True #}
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    {% load_chart charttype chartdata chartcontainer extra %}
</head>
<body>
    {% include_container chartcontainer 400 '100%' %}
</body>

views.py

def demo_linewithfocuschart(request):
    df_real_pred = pd.read_csv(r"logging/log2057.csv", sep=',',index_col = 0)
    xdata = range(len(df_real_pred.index))
    yreal = df_real_pred.real0/df_real_pred.got0.max()
    ypred = df_real_pred.got0

    # tooltip_date = "%d %b %Y %H:%M:%S %p"
    # extra_serie = {"tooltip": {"y_start": "There are ", "y_end": " calls"},
    #                "date_format": tooltip_date}
    extra_serie = {}
    chartdata = {
        'x': xdata,
        'name1': 'real', 'y1': yreal, 'extra1': extra_serie,'kwargs1': { 'color': '#a4c639' },
        'name2': 'predicted', 'y2': ypred, 'extra2': extra_serie,'kwargs2': { 'color': 'red' },
        # 'name3': 'series 3', 'y3': ydata3, 'extra3': extra_serie,
        # 'name4': 'series 4', 'y4': ydata4, 'extra4': extra_serie
    }
    charttype = "lineWithFocusChart"
    chartcontainer = 'linewithfocuschart_container'  # container name
    data = {
        'charttype': charttype,
        'chartdata': chartdata,
        'chartcontainer': chartcontainer,
        'extra': {
            'x_is_date': False,
            'tag_script_js': True,
            'jquery_on_ready': False,
        }
    }
    return render_to_response('linewithfocuschart.html', data)

以下是我得到的图形:
values

请参见上图,我正在获取真实值和预测的列值。 x-axis将以百分比显示。我不知道为什么会这样,因为我只是给出数字而不给出百分比。

好吧,当我刚刚检查预测值时,图形如下所示:
predicted values

可以看到规模不同。并且图形看起来对齐。我想知道如何在代码中获得自动缩放?

如果有任何自动缩放设置,请提出我需要编辑的内容,否则让我知道如何创建多个轴来显示数据值。

以下是示例值的链接:log2057.csv
我正在使用Django_NVD3 version 0.9.7,并按照此处的说明进行安装:Installation of Django-nvd3
Windows OS 10和Python 3.5.0.

0 个答案:

没有答案