代码之家  ›  专栏  ›  技术社区  ›  xuv

有没有办法在饼图中定义独立数据标签连接器宽度

  •  1
  • xuv  · 技术社区  · 6 年前

    Highcharts documentation ,可以定义 connectorColor 从各个点特性中。

    我也在想办法,但是 connectorWidth 属性,因为我希望连接器根据其连接到的数据标签具有不同的宽度和样式。我该怎么做?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Mike Zavarello    6 年前

    是的,如果你使用高图表的样式模式。请参见此处的示例: http://jsfiddle.net/brightmatrix/u4mhpg9o/

    我发现,如果将本地样式应用于指定给数据标签的特定颜色(或创建的任何自定义样式),则可以更改连接器宽度。在我的示例中,我更改了图表样式表(鳄梨)中pie slice#7的连接器宽度:

    /* style defined in the demo for all connectors */
    .highcharts-pie-series .highcharts-data-label-connector {
        stroke: silver;
        stroke-dasharray: 2, 2;
        stroke-width: 2px;
    }
    /* local style just for connector #7 */
    .highcharts-data-label-connector + .highcharts-color-7 {
        stroke-width: 20px;
    }
    

    结果如下:

    enter image description here

    通过检查web浏览器中的代码,可以确定将哪个样式名分配给哪个饼图块。

    现在,如果你是 使用样式模式,只能在序列级别更改连接器宽度,而不能更改单个数据点的宽度。

    我希望这些信息对你有帮助。