如何使用 django-nvd3 在 X 轴上绘制具有不同值的多折线图？答案

【问题标题】：How can I use django-nvd3 to draw multi line chart with different values in X-axis?如何使用 django-nvd3 在 X 轴上绘制具有不同值的多折线图？
【发布时间】：2015-10-16 17:56:12
【问题描述】：

我在搜索中找到的所有示例都可以在图中绘制多条线，例如： https://github.com/areski/django-nvd3/blob/master/demoproject/demoproject/views.py#L66 对 x 轴使用完全相同的值。类似：

start_time = int(time.mktime(datetime.datetime(2012, 6, 1).timetuple()) * 1000)
nb_element = 150
xdata = range(nb_element)
xdata = map(lambda x: start_time + x * 1000000000, xdata)
ydata = [i + random.randint(1, 10) for i in range(nb_element)]
ydata2 = map(lambda x: x * 2, ydata)

tooltip_date = "%d %b %Y %H:%M:%S %p"
extra_serie1 = {
    "tooltip": {"y_start": "", "y_end": " cal"},
    "date_format": tooltip_date,
    'color': '#a4c639'
}
extra_serie2 = {
    "tooltip": {"y_start": "", "y_end": " cal"},
    "date_format": tooltip_date,
    'color': '#FF8aF8'
}
chartdata = {'x': xdata,
             'name1': 'series 1', 'y1': ydata, 'extra1': extra_serie1,
             'name2': 'series 2', 'y2': ydata2, 'extra2': extra_serie2}

当我想用这些数据画两条线时该怎么办（两个图形点的x值不完全相同）：

xdata1 = [1, 2, 4, 5]
ydata1 = [18, 3, 5, 2]
xdata2 = [1, 3, 5, 6]
ydata2 = [3, 13, 0, 6]

【问题讨论】：

标签： django python-3.x nvd3.js

【解决方案1】：

无法注入具有不同 x 轴的数据集。 NVD3 是一个图表库，因此在处理数据时不会增加太多复杂性，因此您需要对 x 轴进行归一化。

如果你有复杂的数据集，你可以看看 Panda，当你有不同的 x 轴时，它可以帮助你规范化你的数据集，http://pandas.pydata.org/

【讨论】：