css - 要对 Highcharts 词云中的某些词应用不同的字体样式？

Question

以下 JS Fiddle 显示了应用于某些单词的字体样式。示例:https://jsfiddle.net/amrutaJgtp/7evd8tgo/5/

    {
      "text": "UNKNOWN",
      "count": 584,
      "color": 'green', 
      "style": {
        fontFamily: 'Harrington',
        fontWeight: 1200    //font weight has no effect
      }
    }, {
      "text": "OTHER",
      "count": 138,
      "color": 'red',
      "style": {
        fontFamily: 'sans - serif',
        fontWeight: 1200    //font weight has no effect
      }
    }

我在 Highcharts 中试过这个。但它没有用。示例:https://jsfiddle.net/amrutaJgtp/7evd8tgo/6/

{
  "name": "LANDING",
  "weight": 18022,
  "style":{
    "fontFamily":"Harrington"
  }
}

有没有办法对某些单词应用不同的字体样式？

Answer 1

API 没有说明wordcloud 系列 点的style 属性:https://api.highcharts.com/highcharts/series.wordcloud.data

您可以使用 className 代替:

JS:

var data = [{
  "name": "LANDING",
  "weight": 18022,
  className: 'custom-point'
}, 
(...)]

CSS:

.custom-point {
  font-family: Harrington !important
}

现场演示: https://jsfiddle.net/BlackLabel/Lpuyt1s7/