Highcharts:在CSS文件中编辑数据标签样式

highcharts: edit data labels style in css file

本文关键字：编辑 数据 标签样式 文件 CSS Highcharts      更新时间：2023-09-26

是否有一种方法可以选择类highcharts-data-label并更改数据标签的字体大小和颜色，就像下面的例子一样?

<g class="highcharts-data-labels highcharts-tracker" visibility="visible" zIndex="6" transform="translate(42,10) scale(1 1)" style="">
    <g zIndex="1" style="cursor:default;" transform="translate(54,146)">
        <text x="3" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#2f7ed8;fill:#2f7ed8;" zIndex="1">
            <tspan x="3">0.8</tspan>
        </text>
    </g>
</g>

我正在使用一个自动生成高图和最小化js文件的软件，所以如果我可以在css文件中覆盖所有生成的图表的默认行为。

将此代码添加到highcharts代码中，将标签更改为绿色(您可以将其更改为任何颜色)。

labels: {
         formatter: function () {
                     {
                        return '<span style="fill: green;">' + this.value + '</span>';
                    }
                }
            }

相关文章：