echarts/pyecharts: dataZoom从0开始

Question

我用pyecharts完成了绘图，但最终修改了直接生成的html文件，因此我在这个问题中添加了两个标记。

The problem：我试图用如下所示的数据用pyecharts绘制一个线条图：

x_data = [1596704736000,1596705336000,1596705937000,1596706538000,...]
y_data = [12,0,4,5,...]

其中x_data是时间戳。我使用pyecharts进行了绘图，dataZoom选项如下：

datazoom_opts=[opts.DataZoomOpts(start_value=s_tamp - 60*60*1000, 
                                 end_value=e_tamp + 60*60*1000, 
                                 range_start=0, range_end=100),],

这是一张图片：

​

​

如图像所示，dataZoom从1970年开始，实际数据从1596704736000开始(即2020/8/6)。

我的努力：

1. 我发现start会自动使echarts忽略startValue，因此我尝试删除range_start和range_end。

Outcome：只有dataZoom滚动条变得更短，范围仍然从1970年开始。

1. 我将xAxis数据类型从“时间”更改为“类别”、“值”

结局

• 当更改为" value“时，dataZoom仍然以0值开头。
• 当更改为“类别”时，dataZoom从2020/8/6开始(很好！)但是dataZoom的结尾没有显示日期，也没有在情节上显示任何点。

1. 我将时间戳输入更改为日期时间。

Outcome：dataZoom仍然从1970年开始

1. 我在rangeMode: value中添加了dataZoom

Outcome：缩放栏到最后变得非常小，并显示了与我的数据范围有关的图形，但是条形图范围仍然从1970年开始。

html代码太长，我将为这两个选项发布xaxis选项和datazoom选项以及pyecharts选项。

这来自生成的HTML文件

...
    "xAxis": [
        {
            "type": "time",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "interval": 21600000.0,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "min": 1596700714000,
            "max": 1597139914000,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
...

    "dataZoom": [
        {
            "show": true,
            "type": "slider",
            "realtime": true,
            "startValue": 1596703383000,
            "endValue": 159714258300,
            "start": 0,
            "end": 100,
            "orient": "horizontal",
            "zoomLock": false,
            "filterMode": "filter"
        }
    ]

这是x轴的pyecharts设置。前面提到了dataZoom pyecharts设置。

    xaxis_opts=opts.AxisOpts(
            type_ = 'time',
            min_ = s_tamp - 60*60*1000,    # the start time timestampe - 1 hour
            max_ = e_tamp + 60*60*1000,    # the end time timestampe + 1 hour
            interval = 5*24*60*60*1000/(5*4)    # 5 days interval
        )

有人知道这件事吗？如果信息不足以解决问题，请评论让我知道，谢谢提前。

Answer 1

我也遇到了类似的问题，在xAxis选项中添加xAxis选项对我很有帮助。

xaxis_opts = opts.AxisOpts(
    type_='time',
    is_scale=True,
)

完整的例子：

from pyecharts.charts import Line
from pyecharts import options as opts

line = Line()

xaxis_opts = opts.AxisOpts(
    type_='time',
    is_scale=True,
)

yaxis_opts = opts.AxisOpts(
    type_='value'
)

datazoom_opts = opts.DataZoomOpts(
    type_='slider',
    start_value=1596705336000,
    end_value=1596706538000,
)

line.add_xaxis(
    [1596704736000,
     1596705336000,
     1596705937000,
     1596706538000,
     1596707538000])
line.add_yaxis('values', [0, 1, 2, 3, 4])
line.set_global_opts(
    xaxis_opts=xaxis_opts,
    yaxis_opts=yaxis_opts,
    datazoom_opts=datazoom_opts
)

print(line.dump_options())
line.render()

结果：

看印古尔