Question

我用pyecharts进行了绘制，但最终修改了直接生成的html文件，因此在此问题中添加了两个标签

问题：我正在尝试绘制带有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）开始。

我的努力：

我发现启动会自动使echarts忽略startValue，因此我尝试删除了range_start和range_end

结果：只有dataZoom滚动条变短了，范围仍然从1970开始。

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

结果：

更改为“值”时，dataZoom仍以0值开头
当更改为“类别”时，dataZoom从2020/8/6开始（太好了！），但dataZoom的末尾没有显示日期，并且在图中没有显示点。

我将时间戳输入更改为datetime

结果：dataZoom仍然从1970开始

我在dataZoom中添加了rangeMode: value

结果：缩放栏的末端变得很小，并以我的数据范围显示了该图，但是该栏的范围仍然以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"
        }
    ]

，这是xaxis的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选项中添加is_scale=True对我来说很有效。

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()

结果：

See on Imgur

echarts / pyecharts：dataZoom从0开始

1 个答案: