【问题标题】:Highcharts: add custom text bottom left, like credits?Highcharts:在左下角添加自定义文本,比如学分?
【发布时间】:2020-11-11 18:14:08
【问题描述】:

Highcharts 可以有一个自定义的credits 部分;这也有对齐。

我希望右下角有一个网址,左下角有一个自定义文本(即当前日期/时间)。

添加它的最佳方式是什么,保持与演职员表相同的外观和感觉?

【问题讨论】:

    标签: javascript svg text highcharts credits


    【解决方案1】:

    使用 SVGRenderer 工具呈现自定义文本。

    API:https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#label

    查看包含的演示。

    编辑:

    下面是一个简单的例子:https://jsfiddle.net/BlackLabel/x3om10L8/

    chart: {
      events: {
        render() {
          let chart = this,
            credits = chart.credits,
            creditsBB = credits.getBBox();
    
    
          if (chart.customLabel) {
    
            // keep label responsive
            chart.customLabel.destroy();
          }
    
          chart.customLabel = chart.renderer.label('my custom text', 0, creditsBB.y - 5).css(credits.styles).add();
        }
      }
    },
    

    API:https://api.highcharts.com/highcharts/chart.events.render

    【讨论】:

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