Question

我正在使用chartjs创建圆环图。我在设置它的确切方式时遇到了一些麻烦，docs在所有不同的图表选项中都没有太大的帮助。无论如何，有一件事特别困扰我的是无法调整字体重量。现在我没有设置整个东西，我只是稍微调整一下样式，所以我有点不清楚它是如何工作的。但有没有可能的方法呢？

这些是我应用的当前设置：

segmentShowStroke: false,
segmentStrokeWidth : 0,
percentageInnerCutout: 20,
animation : true,
animationSteps : 70,
animationEasing : "easeInOutCubic",
showLabels: true,
labelFontFamily: "'Lato'",
labelFontSize:16,
labelFontWeight: 300,
labelAlign:'center',
scaleFontStyle: '300'

Answer 1

如果使用crossText而不是label，则可以通过设置以下选项来调整字体粗细：

var options = {
        crossTextFontSize : [80],
        crossTextFontFamily : ["Open Sans"],
        crossTextFontStyle : ["bold"],
        crossTextFontColor : ["#FF0000"],
        crossTextRelativePosX : [2],
        crossTextRelativePosY : [2],
        crossTextPosX : [0],
        crossTextPosY : [0],
        crossTextAlign : ["center"],
        crossTextBaseline : ["middle"]
    }

我不确定为什么他们决定将FontWeight放在FontStyle下，但它确实有效。

维基：https://github.com/FVANCOP/ChartNew.js/wiki/100_040_CrossText

在Chart.js圆环图中调整字体粗细

1 个答案: