【问题标题】:High Charts export-server not rending legend LabelFormatterHighcharts 导出服务器不呈现图例 LabelFormatter
【发布时间】:2019-09-29 12:26:16
【问题描述】:

我有以下代码用于图例显示的 node.js 高图表导出服务器,但未应用格式化的标签,也未执行该功能

我也尝试了加载功能,但它不起作用,我尝试了自定义 HTML,它现在也显示了

let chartDetails = {
    type: "png",
    options: {
        chart: {
            type: "pie",
            showInLegend: true,
            dataLabels: {
                enabled: false
            }
        },
        title: {
            align: 'left',
            floating: false,
            text: 'Main Title',
            style: {
                fontSize: '24px'
            }
        },
        subtitle: {
            verticalAlign: 'middle',
            align: 'center',
            floating: false,
            text: '<b>300</b><br>Total Issues',
            style: {
                fontSize: '30px'
            }
        },

        plotOptions: {
            pie: {
                innerSize: '70%',
                shadow: false,
                showInLegend: true,
                dataLabels: {
                    enabled: false,
                }
            }
        },

        legend: {
            enabled: true,
            floating: true,
            borderWidth: 0,
            align: 'right',
            layout: 'vertical',
            verticalAlign: 'middle',
            useHTML: true,
            labelFormatter: function () {
                console.log("this: is equal to ");
                console.log(this);
                return 'custom word';
            }
        }
        ,
        series: [
            {
                data: [
                    {
                        name: "a",
                        y: 100
                    },
                    {
                        name: "b",
                        y: 20
                    },
                    {
                        name: "c",
                        y: 50
                    }
                ]
            }
        ]
    }

};

我希望显示“自定义单词”而不是“a”、“b”、“c”

【问题讨论】:

    标签: node.js highcharts pie-chart


    【解决方案1】:

    似乎不支持使用node-export-server 作为模块回调函数。在模块 github 上查看此线程:https://github.com/highcharts/node-export-server/issues/122

    作为一种解决方法,您可以使用labelFormat 属性而不是labelFormatter

      legend: {
        enabled: true,
        floating: true,
        borderWidth: 0,
        align: 'right',
        layout: 'vertical',
        verticalAlign: 'middle',
        useHTML: true,
        labelFormat: "custom word"
      }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多