Javascript AM图表在图形中不画直线
我想用AMChart显示一个直线图。但如果点之间的y值相等，它就不会在点之间画线。我怎样才能解决这个问题。Javascript AM图表在图形中不画直线,javascript,amcharts,Javascript,Amcharts,我想用AMChart显示一个直线图。但如果点之间的y值相等，它就不会在点之间画线。我怎样才能解决这个问题。 图表示例 var图； var图； //JS中的月份为零，0表示一月 var图表数据=[{ 年份：新日期（1950年，0）， 价值：300 }, { 年份：新日期（1951年，0）， 价值：300 }, { 年份：新日期（1952年，0）， 价值：300 }, { 年份：新日期（1953年，0）， 价值：300 }]; AmCharts.ready（函数（）{ //序列图 chart=新
图表示例
var图；
var图；
//JS中的月份为零，0表示一月
var图表数据=[{
年份：新日期（1950年，0），
价值：300
}, {
年份：新日期（1951年，0），
价值：300
}, {
年份：新日期（1952年，0），
价值：300
}, {
年份：新日期（1953年，0），
价值：300
}];
AmCharts.ready（函数（）{
//序列图
chart=新的AmCharts.AmSerialChart（）；
chart.pathToImages=“../amcharts/images/”；
chart.dataProvider=chartData；
chart.marginLeft=10；
chart.categoryField=“年”；
chart.zoomOutButton={
背景颜色：'#000000'，
背景α：0.15
};
//侦听“dataUpdated”事件（在图表初始化时激发），并在事件发生时调用zoomChart方法
chart.addListener（“数据更新”，zoomChart）；
//斧头
//类别
var categoryAxis=chart.categoryAxis；
categoryAxis.parseDates=true；//由于我们的数据是基于日期的，所以我们将parseDates设置为true
categoryAxis.minPeriod=“YYYY”//我们的数据是每年一次的，所以我们将minPeriod设置为yyy
categoryAxis.gridAlpha=0；
//价值观
var valueAxis=新的AmCharts.valueAxis（）；
valueAxis.axisAlpha=0；
valueAxis.inside=true；
图表.添加valueAxis（valueAxis）；
//图表
graph=新的AmCharts.AmGraph（）；
graph.type=“SmoothdLine”；//这条线使图形成为平滑线。
graph.lineColor=“#d1655d”；
graph.negativeLineColor=“#637bb6”；//这一行使图形在下降到0以下时改变颜色
graph.bullet=“圆形”；
图1.2尺寸=5；
图1.lineThickness=2；
graph.valueField=“value”；
图表。添加图表（图形）；
//光标
var chartCursor=new AmCharts.chartCursor（）；
chartCursor.cursorAlpha=0；
chartCursor.cursorPosition=“鼠标”；
chartCursor.categoryBalloonDateFormat=“YYYY”；
chart.addChartCursor（chartCursor）；
//滚动条
var chartScrollbar=新的AmCharts.chartScrollbar（）；
chartScrollbar.graph=图形；
chartScrollbar.backgroundColor=“#DDDDDD”；
chartScrollbar.scrollbarHeight=30；
chartScrollbar.selectedBackgroundColor=“#FFFFFF”；
chart.addChartScrollbar（chartScrollbar）；
//写
chart.write（“chartdiv”）；
});
//当我们侦听“DataUpdate”事件时，第一次初始化图表时，调用此方法
函数zoomChart（）{
//可以使用不同的缩放方法-ZoomToIndex、zoomToDates、zoomToCategoryValues
图.动物足类（新日期（1949年，0），新日期（1955年，0））；
}
你使用谷歌浏览器运气好吗？如果是，我也有同样的问题，这似乎是谷歌浏览器本身的一个缺陷，它阻止绘制共线多段线，就像你在问题中描述的那样 这里有一个到bug报告的链接，您可能可以开始关注它。。。
我对此不确定。但同样的事情也发生在我身上。我使用的是amcharts 2.10.8，浏览器是IE 9，FF 21。尽管纵轴的值是常数（即271），但图形显示为曲线而不是直线。因此，我将图形更改为线，而不是平滑线。这帮助我克服了这个问题 感谢您的回答，使用AMChart的最新版本后，显示折线图没有问题。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amCharts examples</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script type="text/javascript">
var chart;
var graph;
// months in JS are zero-based, 0 means January
var chartData = [{
year: new Date(1950, 0),
value: 300
}, {
year: new Date(1951, 0),
value: 300
}, {
year: new Date(1952, 0),
value: 300
}, {
year: new Date(1953, 0),
value: 300
}];
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.pathToImages = "../amcharts/images/";
chart.dataProvider = chartData;
chart.marginLeft = 10;
chart.categoryField = "year";
chart.zoomOutButton = {
backgroundColor: '#000000',
backgroundAlpha: 0.15
};
// listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens
chart.addListener("dataUpdated", zoomChart);
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
categoryAxis.gridAlpha = 0;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.inside = true;
chart.addValueAxis(valueAxis);
// GRAPH
graph = new AmCharts.AmGraph();
graph.type = "smoothedLine"; // this line makes the graph smoothed line.
graph.lineColor = "#d1655d";
graph.negativeLineColor = "#637bb6"; // this line makes the graph to change color when it drops below 0
graph.bullet = "round";
graph.bulletSize = 5;
graph.lineThickness = 2;
graph.valueField = "value";
chart.addGraph(graph);
// CURSOR
var chartCursor = new AmCharts.ChartCursor();
chartCursor.cursorAlpha = 0;
chartCursor.cursorPosition = "mouse";
chartCursor.categoryBalloonDateFormat = "YYYY";
chart.addChartCursor(chartCursor);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chartScrollbar.graph = graph;
chartScrollbar.backgroundColor = "#DDDDDD";
chartScrollbar.scrollbarHeight = 30;
chartScrollbar.selectedBackgroundColor = "#FFFFFF";
chart.addChartScrollbar(chartScrollbar);
// WRITE
chart.write("chartdiv");
});
// this method is called when chart is first inited as we listen for "dataUpdated" event
function zoomChart() {
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
chart.zoomToDates(new Date(1949, 0), new Date(1955, 0));
}
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>