【问题标题】:How to change legend marker size in C3?如何更改 C3 中的图例标记大小?
【发布时间】:2016-05-05 13:24:22
【问题描述】:

我正在尝试更改 C3 中图例标记的大小。在 C3 文档中没有什么可以做到这一点,所以我正在尝试使用 css。 据我所知,图例标记是 svg 中的 <line> 标记。所以我唯一能改变的是笔画属性。如果我改变笔画宽度,我会得到“更高”的标记,但宽度相同。改变 stroke-linecap 也没有奏效。 是否可以更改标记大小?

这里是一个笨蛋:http://plnkr.co/edit/yIZ8kFhlWV7v7LY0mXdL

【问题讨论】:

    标签: d3.js svg c3.js


    【解决方案1】:

    我直接在 c3.js (c3.min.js) 中的函数 c3_chart_internal_fn.getDefaultConfig() 中进行了更改。

    来自

    legend_item_tile_width: 10,
    legend_item_tile_height: 10,
    

    legend_item_tile_width: 16,
    legend_item_tile_height: 16,
    

    【讨论】:

    • 有什么方法可以做到这一点,而无需直接在 c3.js 中进行更改?这通常看起来是个坏主意...
    • 我同意,但在撰写本文时,没有其他选项可以更改这些值。我切换回 d3 的原因之一。也许在过去的一年半里(因为我有这个问题)一些新版本增加了这种可能性,我不知道。
    猜你喜欢
    • 2018-04-17
    • 1970-01-01
    • 2015-07-23
    • 2015-08-23
    • 2020-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多