【问题标题】:AmCharts v3 guides included to legend图例中包含 AmCharts v3 指南
【发布时间】:2021-06-25 14:28:10
【问题描述】:

我使用 AmCharts v3 在 Angular 项目中创建了一个折线图,就像这样 one

我还为 valuesAxis 添加了两条指南(虚线),具有最小值和最大值,例如

{
  "dashLength": 5,
  "inside": true,
  "label": "Min Temp. Limit",
  "lineAlpha": 1,
  "lineThickness": 2,
  "color": "#a136a5",
  "lineColor": "#a136a5",
  "above": true,
  "value": null
}

我启用了图例,但它只显示图表而不显示指南。

有没有办法将指南添加到图例中?

【问题讨论】:

  • 你能分享一个关于 stackblitz 的小演示项目吗?

标签: angular amcharts


【解决方案1】:

指南不是图形对象,因此它们不包含在图例中。您可以通过图例的 data 数组添加一个代表您的指南的自定义标记,同时将 combineLegend 设置为 true:

legend: {
  // ...
  data: [{
    title: "Min Temp. Limit",
    color: "#a136a5",
    markerType: "line"
  }],
  combineLegend: true,
  // ...
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-17
    • 1970-01-01
    • 2022-01-16
    相关资源
    最近更新 更多