趋势线AmCharts在没有基于日期的情况下不起作用
Trendline AmCharts not work without date based
你好,我在AmCharts中使用趋势线,当我在没有基于日期的情况下更改值时,它不会显示,反之亦然。
这是我的代码:
function drawGraph(amYear) {
var trendLinesData = trendLines(chartData);
// AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.dataDateFormat = "YYYY-MM";
chart.categoryField = "field";
chart.startDuration = 2;
// AXES
// category
var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = false; // as our data is date-based, we set parseDates to true
categoryAxis.minPeriod = "MM"; // our data is daily, so we set minPeriod to DD
categoryAxis.gridAlpha = 0.1;
categoryAxis.minorGridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
categoryAxis.minorGridEnabled = true;
categoryAxis.inside = true;
// value
var valueAxis = new AmCharts.ValueAxis();
valueAxis.title = "Total";
valueAxis.tickLength = 0;
valueAxis.axisAlpha = 0;
valueAxis.showFirstLabel = false;
valueAxis.showLastLabel = false;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.dashLength = 5;
graph.lineColor = "#3498db";
graph.valueField = "value";
graph.lineThickness = 1;
chart.addGraph(graph);
// SCROLLBAR
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
// TREND LINES
// first trend line
var trendLine = new AmCharts.TrendLine();
trendLine.initialValue = 5;
trendLine.initialXValue = 5;
trendLine.finalValue = 30;
trendLine.finalXValue = 40;
trendLine.lineColor = "#000";
chart.addTrendLine(trendLine);
// WRITE
chart.write("datachart");
// });
}
我已经尝试了另一个属性,并调用了chart.validateNow(),但它仍然不起作用。如何解决?
在非基于日期的序列图(根据您发布的代码,您似乎正在使用它)中,您需要使用initialCategory
和finalCategory
。
它们需要包含与数据类别字段中的字符串完全相同的字符串(在您的情况下为field
)。
initialXValue
和finalXValue
仅与XY图表相关。
相关文章:
- NodeJS日期格式不起作用
- Javascript设置日期不起作用,显示错误的时间
- jQuery日期选择器在Codeigniter和Bootsrap模式表单中不起作用
- JQuery日期选择器在IE 7上不起作用
- 棱角分明的日期选择器;在ngDialog中不起作用
- 夏令时期间不起作用的 2 个日期之间的小时差异
- asp.net jquery 日期选择器不起作用
- Angular UI日期插件:选择时不起作用
- 在mvc上使用日期选择器不起作用
- Jquery Datepicker日期格式在Asp.net中不起作用
- 我需要让用户输入他的出生日期,并使用javascript检查其形式是否正确.我的代码不起作用
- Videogular-hh:mm:ss格式的日期筛选器不起作用
- 日期选择器在动态添加的行中不起作用
- Bootstrap日期选择器中的更新不起作用
- 使用J-query数据表,美国日期格式的自定义排序不起作用
- 选项“;daysOfWeekDisabled”;在引导程序日期时间选择器中不起作用
- 在javascript中比较日期不起作用
- Javascript日期验证对今天的日期不起作用
- Internet Explorer: cookie的过期日期不起作用
- JS中的比较日期不起作用