BigQuant使用文档

Line - 折线图

由jliang创建,最终由ydong 被浏览 226 用户

接口

对于Line(折线图)的 _type=”line” 和 series_options:

bigcharts.Chart(
    ... 其他参数

    # 【设置图表类型】图表类型,具体参考各类型图表
    type_ = "line",

    # 各数据系列配置项,其中key为数据系列名称,value为配置项,配置项定义见具体图表
    series_options = {
        "列名": {
            # 系列名称,用于 tooltip 的显示,legend 的图例筛选。默认为数据列名
            series_name: str,

            # 系列数据,默认为数据列
            y_axis: Sequence[Numeric, opts.BarItem, dict],

            # 是否选中图例
            is_selected: bool = True,

            # 是否连接空数据,空数据使用 `None` 填充
            is_connect_nones: bool = False,

            # 使用的 x 轴的 index,在单个图表实例中存在多个 x 轴的时候有用。
            xaxis_index: Optional[Numeric] = None,

            # 使用的 y 轴的 index,在单个图表实例中存在多个 y 轴的时候有用。
            yaxis_index: Optional[Numeric] = None,

            # 系列 label 颜色
            color: Optional[str] = None,

            # 是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示。
            is_symbol_show: bool = True,

            # 标记的图形。
            # ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 
            # 'diamond', 'pin', 'arrow', 'none'
            # 可以通过 'image://url' 设置为图片,其中 URL 为图片的链接,或者 dataURI。
            symbol: Optional[str] = None,

            # 标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,
            # 例如 [20, 10] 表示标记宽为 20,高为 10。
            symbol_size: Union[Numeric, Sequence] = 4,

            # 数据堆叠,同个类目轴上系列配置相同的 stack 值可以堆叠放置。
            stack: Optional[str] = None,

            # 是否平滑曲线
            is_smooth: bool = False,

            # 是否裁剪超出坐标系部分的图形。折线图:裁掉所有超出坐标系的折线部分,拐点图形的逻辑按照散点图处理
            is_clip: bool = True,

            # 是否显示成阶梯图
            is_step: bool = False,

            # 是否开启 hover 在拐点标志上的提示动画效果。
            is_hover_animation: bool = True,

            # 折线图所有图形的 zlevel 值。
            # zlevel用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,Canvas 分层是一种常见的优化手段。
            # zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。
            z_level: types.Numeric = 0,

            # 折线图组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。
            # z 相比 zlevel 优先级更低,而且不会创建新的 Canvas。
            z: types.Numeric = 0,

            # 折线图在数据量远大于像素点时候的降采样策略,开启后可以有效的优化图表的绘制效率,默认关闭,也就是全部绘制不过滤数据点。
            # 可选:
            # 'lttb' 采用 Largest-Triangle-Three-Bucket 算法,可以最大程度保证采样后线条的趋势,形状和极值。
            # 'average' 取过滤点的平均值
            # 'max' 取过滤点的最大值
            # 'min' 取过滤点的最小值
            # 'sum' 取过滤点的和
            sampling: types.Optional[str] = None,

            # 使用 dimensions 定义 series.data 或者 dataset.source 的每个维度的信息。
            # 注意:如果使用了 dataset,那么可以在 dataset.source 的第一行/列中给出 dimension 名称。
            # 于是就不用在这里指定 dimension。
            # 但是,如果在这里指定了 dimensions,那么 ECharts 不再会自动从 dataset.source 的第一行/列中获取维度信息。
            dimensions: types.Union[types.Sequence, None] = None,

            # 当使用 dataset 时,seriesLayoutBy 指定了 dataset 中用行还是列对应到系列上,也就是说,系列“排布”到 dataset 的行还是列上。可取值:
            # 'column':默认,dataset 的列对应于系列,从而 dataset 中每一列是一个维度(dimension)。
            # 'row':dataset 的行对应于系列,从而 dataset 中每一行是一个维度(dimension)。
            series_layout_by: str = "column",

            # 标记点配置项,参考 `series_options.MarkPointOpts`
            markpoint_opts: Union[opts.MarkPointOpts, dict, None] = None,

            # 标记线配置项,参考 `series_options.MarkLineOpts`
            markline_opts: Union[opts.MarkLineOpts, dict, None] = None,

            # 提示框组件配置项,参考 `series_options.TooltipOpts`
            tooltip_opts: Union[opts.TooltipOpts, dict, None] = None,

            # 标签配置项,参考 `series_options.LabelOpts`
            label_opts: Union[opts.LabelOpts, dict] = opts.LabelOpts(),

            # 线样式配置项,参考 `series_options.LineStyleOpts`
            linestyle_opts: Union[opts.LineStyleOpts, dict] = opts.LineStyleOpts(),

            # 填充区域配置项,参考 `series_options.AreaStyleOpts`
            areastyle_opts: Union[opts.AreaStyleOpts, dict] = opts.AreaStyleOpts(),

            # 图元样式配置项,参考 `series_options.ItemStyleOpts`
            itemstyle_opts: Union[opts.ItemStyleOpts, dict, None] = None,

            # 可以定义 data 的哪个维度被编码成什么。
            encode: types.Union[types.JSFunc, dict, None] = None,
        },
    }
)

示例代码

https://bigquant.com/codeshare/939260f0-508a-4d42-907e-e689f10a68dc

\

标签

数据可视化
{link}