Javascript 如何在HTML中从图形中删除网址
我正在用HTML创建一个图形。我使用的是API amCharts,但问题是它在图形中显示文本“amchart” 如何删除该文本,使其看起来正常Javascript 如何在HTML中从图形中删除网址,javascript,html,amcharts,Javascript,Html,Amcharts,我正在用HTML创建一个图形。我使用的是API amCharts,但问题是它在图形中显示文本“amchart” 如何删除该文本,使其看起来正常 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Charts</title> <link rel="stylesheet" hre
<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>
图表
var图;
var图表数据=[{
国家:“美国”,
参观人数:400,
颜色:“FF0F00”
}, {
国家:“中国”,
浏览人数:380,
颜色:“FF6600”
}, {
国家:“日本”,
访问次数:360,
颜色:“FF9E01”
}, {
国家:“德国”,
访问人数:340,
颜色:“FCD202”
}, {
国家:“英国”,
浏览人数:320,
颜色:“F8FF01”
}, {
国家:“法国”,
访问次数:300,
颜色:“B0DE09”
}, {
国家:“印度”,
访问次数:240,
颜色:“04D215”
}, {
国家:“西班牙”,
访问次数:200,
颜色:“0D8ECF”
}, {
国家:“荷兰”,
访问次数:140,
颜色:“0D52D1”
}, {
国家:“俄罗斯”,
访问次数:100,
颜色:“2A0CD0”
}, {
国家:“韩国”,
访问次数:80,
颜色:“8A0CCF”
}, {
国家:“加拿大”,
访问:20,
颜色:“CD0D74”
}];
AmCharts.ready(函数(){
chart=新的AmCharts.AmSerialChart();
chart.dataProvider=chartData;
chart.categoryField=“国家”;
chart.startDuration=1;
//斧头
//类别
var categoryAxis=chart.categoryAxis;
categoryAxis.labelRotation=45;//此行用于旋转类别值
categoryAxis.gridAlpha=0;
categoryAxis.fillAlpha=1;
categoryAxis.fillColor=“#FAFAFA”;
categoryAxis.gridPosition=“开始”;
//价值观
var valueAxis=新的AmCharts.valueAxis();
valueAxis.dashLength=5;
valueAxis.title=“来自国家/地区的访客”
valueAxis.axisAlpha=0;
图表.添加valueAxis(valueAxis);
//图表
var-graph=新的AmCharts.AmGraph();
graph.valueField=“访问”;
graph.colorField=“color”;
graph.ballootText=“[[category]]:[[value]]”;
graph.type=“column”;
graph.lineAlpha=0;
graph.fillAlphas=1;
图表。添加图表(图形);
//写
chart.write(“chartdiv”);
});
来自:
您可以免费下载和使用所有amCharts产品。免费版本的唯一限制是在图表的左上角会显示一个指向此网站的小链接。如果您希望使用没有此链接的图表,或者您欣赏该软件并希望支持其创建者,请购买商业许可证
因此,您需要购买商业许可证…谢谢,我们还有其他免费的吗idea@user1520252有很多开源JavaScript图表包,举几个例子…@ManseUK感谢您指出,它已经是免费的,只需要很少的版权,人们仍然滥用它:\n如果你们买了它,你们甚至会得到优先支持,你们会支持开发人员-想想看;)我修改了代码。现在我没有得到“Chart by amchart.js”。我可以在公共域中使用它吗。请建议我。@Gauti您破坏了产品的许可证-如果您想在删除消息的情况下在商业上使用它,请购买product@houstongolden没有购买许可证,这样做是违法的。