如何从 HTML 图表中删除网址 [关闭]答案

【问题标题】：How to remove the web address from graph in HTML [closed]如何从 HTML 图表中删除网址 [关闭]
【发布时间】：2012-07-12 09:33:44
【问题描述】：

我正在用 HTML 创建一个图表。我正在使用 API amCharts，但问题是它在图表中显示了文本“amchart”。

如何删除该文本以使其看起来正常？

<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Charts</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <script src="amcharts.js" type="text/javascript"></script>
    <script type="text/javascript">
    var chart;
    var chartData = [{
      country: "USA",
      visits: 400,
      color: "#FF0F00"
    }, {
      country: "China",
      visits: 380,
      color: "#FF6600"
    }, {
      country: "Japan",
      visits: 360,
      color: "#FF9E01"
    }, {
      country: "Germany",
      visits: 340,
      color: "#FCD202"
    }, {
      country: "UK",
      visits: 320,
      color: "#F8FF01"
    }, {
      country: "France",
      visits: 300,
      color: "#B0DE09"
    }, {
      country: "India",
      visits: 240,
      color: "#04D215"
    }, {
      country: "Spain",
      visits: 200,
      color: "#0D8ECF"
    }, {
      country: "Netherlands",
      visits: 140,
      color: "#0D52D1"
    }, {
      country: "Russia",
      visits: 100,
      color: "#2A0CD0"
    }, {
      country: "South Korea",
      visits: 80,
      color: "#8A0CCF"
    }, {
      country: "Canada",
      visits: 20,
      color: "#CD0D74"
    }];
    AmCharts.ready(function () {
      chart = new AmCharts.AmSerialChart();
      chart.dataProvider = chartData;
      chart.categoryField = "country";
      chart.startDuration = 1;
      // AXES
      // category
      var categoryAxis = chart.categoryAxis;
      categoryAxis.labelRotation = 45; // this line makes category values to be rotated
      categoryAxis.gridAlpha = 0;
      categoryAxis.fillAlpha = 1;
      categoryAxis.fillColor = "#FAFAFA";
      categoryAxis.gridPosition = "start";
      // value
      var valueAxis = new AmCharts.ValueAxis();
      valueAxis.dashLength = 5;
      valueAxis.title = "Visitors from country"
      valueAxis.axisAlpha = 0;
      chart.addValueAxis(valueAxis);
      // GRAPH
      var graph = new AmCharts.AmGraph();
      graph.valueField = "visits";
      graph.colorField = "color";
      graph.balloonText = "[[category]]: [[value]]";
      graph.type = "column";
      graph.lineAlpha = 0;
      graph.fillAlphas = 1;
      chart.addGraph(graph);
      // WRITE
      chart.write("chartdiv");
    });
    </script>
  </head>

  <body>
    <div id="chartdiv" style="width: 600px; height: 500px;"></div>
  </body>

</html>

【问题讨论】：

@houstongolden 在没有购买许可证的情况下这样做是非法的。

标签： javascript html amcharts

【解决方案1】：

来自product website：

您可以免费下载和使用所有 amCharts 产品。免费版的唯一限制是该网站的小链接将显示在图表的左上角。如果您想在没有此链接的情况下使用图表，或者您喜欢该软件并希望支持其创建者，请购买商业许可证。

所以你需要购买商业许可证...

【讨论】：

谢谢还有其他免费的我们可以使用吗，如果您有任何想法，请告诉我
@user1520252 有很多开源 JavaScript 图表包.. flot, HighCharts, jqPlot 仅举几例......
@ManseUK 感谢您的指出，它已经是免费的，只需要很少的版权，人们仍在滥用它：\ 如果你们购买它，您甚至会获得优先支持，并且您会支持开发人员 - 考虑一下；）
我修改了代码。现在没有得到“amchart.js 的图表”。我可以在公共领域使用它吗。请建议我。
@Gauti 你违反了产品的许可 - 如果你想在商业上使用它并删除消息然后购买产品