Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript highcharts:在css文件中编辑数据标签样式_Javascript_Html_Css_Highcharts - Fatal编程技术网

Javascript highcharts:在css文件中编辑数据标签样式

Javascript highcharts:在css文件中编辑数据标签样式,javascript,html,css,highcharts,Javascript,Html,Css,Highcharts,是否有办法选择classhighcharts数据标签并更改数据标签的字体大小和颜色,如下面的示例所示 <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="tr

是否有办法选择class
highcharts数据标签
并更改数据标签的字体大小和颜色,如下面的示例所示

<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>

0.8

我使用的软件可以自动生成highcharts并缩小js文件,因此如果可以,在css文件中,我将覆盖所有生成图表的默认行为。

将此添加到highcharts代码中,以将标签更改为绿色(您可以将其更改为任何颜色)。请参见此演示

labels: {
         formatter: function () {
                     {
                        return '<span style="fill: green;">' + this.value + '</span>';
                    }
                }
            }
标签:{
格式化程序:函数(){
{
返回“”+this.value+“”;
}
}
}