我如何将Highcharts传奇的标题加粗？

Question

This is the API reference I found: https://api.highcharts.com/highcharts/legend.title.style.fontWeight 这是我找到的API参考： https : //api.highcharts.com/highcharts/legend.title.style.fontWeight

Title's fontWeight is set to bold by default. 标题的fontWeight默认情况下设置为bold 。 I try setting it to normal or lighter . 我尝试将其设置为normal或lighter 。 Neither produces compilation error but neither works. 都不会产生编译错误，但是都不会起作用。

legend: {
    title: {
        style: {
            fontWeight: 'lighter',
        }
    }
},

How do I change the fontWeight ? 如何更改fontWeight ？

Full code: 完整代码：

<!DOCTYPE html>
<html lang="en">

<html>
<head>
    <script src="https://code.highcharts.com/highcharts.js"></script>
</head>

<body>
    <div id="container"></div>
    <script>
        var scoreChart = Highcharts.chart('container', {
            chart: {
                type: 'scatter',
                zoomType: 'xy'
            },
            legend: {
                title: {
                    style: {
                        fontWeight: 'lighter',
                    }
                }
            },

            series: [{
                name: 'score',
                data: [[167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
                    [170.0, 59.0], [159.1, 47.6],]
            },
            ]
        });
    </script>

</body>
</html>

Answer 1

To style legend , use itemStyle 要设置legend样式，请使用itemStyle

https://api.highcharts.com/highcharts/legend https://api.highcharts.com/highcharts/legend

Stack snippet 堆栈片段

 var scoreChart = Highcharts.chart('container', { chart: { type: 'scatter', zoomType: 'xy' }, legend: { itemStyle: { fontWeight: 'lighter' } }, series: [{ name: 'score', data: [ [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6], [170.0, 59.0], [159.1, 47.6], ] }, ] });

 <script src="https://code.highcharts.com/highcharts.js"></script> <div id="container"></div>

我如何将Highcharts传奇的标题加粗？

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-07-22 20:41:49

我如何将Highcharts传奇的标题加粗？

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-07-22 20:41:49

解决方案1
1 已采纳 2018-07-22 20:41:49