pyecharts如何旋轉折線圖的X軸標簽

Posted on by

pyecharts旋轉折線圖的X軸標簽

pyecharts 展示折線圖時，有時會遇到X軸標簽過多而顯示不齊的情況。

比如這樣

Name: pyecharts
Version: 1.7.1

最關鍵就是這句

line.set_global_opts(xaxis_opts=opts.AxisOpts(name_rotate=60, axislabel_opts={"rotate": 15}))

如果是高版本的 pyecharts ，代碼可能有所不同。

import pyecharts.options as opts
from pyecharts.charts import Line
line = Line()
line.set_global_opts(title_opts=opts.TitleOpts(title="豆瓣影評人數top10電影"))
line.add_xaxis(["肖申克的救贖", "這個殺手不太冷", "千與千尋", "阿甘正傳", "霸王別姬", "泰坦尼克號", "我不是藥神", "盜夢空間", "三傻大鬧寶萊塢", "瘋狂動物城"]
               )
line.add_yaxis("影片評價人數top10", [2529510, 2060322, 1981694, 1900413, 1880377, 1862155, 1847187, 1825058, 1659816, 1657343])
line.set_global_opts(xaxis_opts=opts.AxisOpts(name_rotate=60, axislabel_opts={"rotate": 15}))
 
line.render("top10折線圖.html")

顯示效果如下

echarts X軸旋轉30°

上代碼：

xAxis: {
                type: 'category',
                axisLabel: {
                    rotate: 30, // 旋轉30度
                    show: true, //這行代碼控制著坐標軸x軸的文字是否顯示
                    textStyle: {
                        color: '#fff',   //x軸上的字體顏色
                        fontSize: '12' // x軸字體大小
                    }
                },
                boundaryGap: false,
                data: ['3-04', '3-05', '3-06', '3-07', '3-08']
            },

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：