【问题标题】:How to remove legend from bottom of chart - amcharts如何从图表底部删除图例 - amcharts
【发布时间】:2015-06-22 06:56:16
【问题描述】:

您能帮我从折线图下方删除图例(y 轴数据)吗?这是帮助从折线图中删除相应线的图标。

查看内嵌图片

【问题讨论】:

  • 在这里查看您的实际代码会有很大帮助,尽管从查看 documentation 看来您必须手动添加一个图例才能显示。您是否尝试过删除创建图例的代码?
  • @rory 你知道如何向图例容器添加类或 ID 选择器吗?

标签: jquery linechart amcharts


【解决方案1】:

您仍然可以保留图表设置(标签、气球等),但隐藏图例:

AmCharts.makeChart("chart", {
    "legend": {
        "enabled": false
    },
}

【讨论】:

    【解决方案2】:

    在 amcharts 中,图例是手动添加的,在您的情况下,请删除将图例添加到图表的行。

    例如, 图例添加如下,

     var legend = new AmCharts.AmLegend();
     chart.addLegend(legend);
    

    AmCharts.makeChart("chartdiv",
        {
            "legend": {
                        "useGraphSettings": true
                      },
         }
    

    只需从您的代码中删除上述行。

    【讨论】:

    • 您知道如何将类或 ID 选择器添加到图例容器吗?这是因为我需要图表中的这些图例而不是其他图例。所以,我不能完全删除它们。
    • 每个图表都有自己的图表对象实例。只是不要将图例对象添加到您希望隐藏它们的图表实例中。希望这对你有用。如果您仍有问题,请告诉我。
    • 是的!删除了所需图表的图例,它起作用了!谢谢贾廷
    【解决方案3】:
      $scope.chart = AmCharts.makeChart("chartdiv", {
                  "type": "gantt",
                 "hideCredits":true
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-11-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-31
      相关资源
      最近更新 更多