Javascript AM图表显示轴的固定范围
真的希望你能帮忙! 我正在使用AMCharts,我通过一个简单的php函数(从数据库中提取)添加了一些数据 我使用下面的函数添加了一些上限和下限Javascript AM图表显示轴的固定范围,javascript,html,amcharts,Javascript,Html,Amcharts,真的希望你能帮忙! 我正在使用AMCharts,我通过一个简单的php函数(从数据库中提取)添加了一些数据 我使用下面的函数添加了一些上限和下限 // HORIZONTAL GREEN RANGE var guide = new AmCharts.Guide(); guide.value =11.00; guide.toValue = 11.80; guide.fillColor = "#00CC00"; gui
// HORIZONTAL GREEN RANGE
var guide = new AmCharts.Guide();
guide.value =11.00;
guide.toValue = 11.80;
guide.fillColor = "#00CC00";
guide.inside = true;
guide.fillAlpha = 0.2;
guide.lineAlpha = 0;
valueAxis.addGuide(guide);
var guideRED = new AmCharts.Guide();
guideRED.value = 11.80;
guideRED.toValue = 11.90;
guideRED.fillColor = "orange";
guideRED.inside = true;
guideRED.fillAlpha = 0.2;
guideRED.lineAlpha = 0;
valueAxis.addGuide(guideRED);
var guideblue = new AmCharts.Guide();
guideblue.value = 11.00;
guideblue.toValue = 10.90;
guideblue.fillColor = "orange";
guideblue.inside = true;
guideblue.fillAlpha = 0.2;
guideblue.lineAlpha = 0;
valueAxis.addGuide(guideblue);
但我需要将Y(从上到下?)上的显示范围分别设置为11.90和10.50,以便操作员可以看到绘制的线及其与红色和橙色区域的关系。目前,该图只是将图表以值形式呈现为+1最大值和最小值
下面是图形函数
AmCharts.ready(function () {
// SERIAL CHART
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.dataDateFormat = "DD-MM-YY";
chart.categoryField = "date";
// AXES
// category
var categoryAxis = chart.categoryAxis;
// categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
// categoryAxis.minPeriod = "DD"; // 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.tickLength = 4;
valueAxis.axisAlpha = 0;
valueAxis.showFirstLabel = false;
valueAxis.showLastLabel = false;
valueAxis.autoGridCount = true;
valueAxis.gridCount = 500;
chart.addValueAxis(valueAxis);
// GRAPH
var graph = new AmCharts.AmGraph();
graph.dashLength = 2;
graph.lineColor = "#00CC00";
graph.valueField = "value";
graph.dashLength = 3;
graph.bullet = "round";
graph.balloonText = "[[category]]<br><b><span style=\'font-size:14px;\'>value:[[value]]</span></b>";
chart.addGraph(graph);
AmCharts.ready(函数(){
//序列图
chart=新的AmCharts.AmSerialChart();
chart.dataProvider=chartData;
chart.dataDateFormat=“DD-MM-YY”;
chart.categoryField=“日期”;
//斧头
//类别
var categoryAxis=chart.categoryAxis;
//categoryAxis.parseDates=true;//由于我们的数据是基于日期的,所以我们将parseDates设置为true
//categoryAxis.minPeriod=“DD”//我们的数据是每日的,所以我们将minPeriod设置为DD
categoryAxis.gridAlpha=0.1;
categoryAxis.minorGridAlpha=0.1;
categoryAxis.axisAlpha=0;
categoryAxis.minorGridEnabled=true;
categoryAxis.inside=true;
//价值观
var valueAxis=新的AmCharts.valueAxis();
valueAxis.tickLength=4;
valueAxis.axisAlpha=0;
valueAxis.showFirstLabel=false;
valueAxis.showLastLabel=false;
valueAxis.autogidcount=真;
valueAxis.gridCount=500;
图表.添加valueAxis(valueAxis);
//图表
var-graph=新的AmCharts.AmGraph();
graph.dashLength=2;
graph.lineColor=“#00CC00”;
graph.valueField=“value”;
graph.dashLength=3;
graph.bullet=“圆形”;
graph.ballootText=“[[category]]
值:[[value]]”;
图表。添加图表(图形);
(这都在一个标记内,因此转义字符
非常感谢。若要强制将值轴设置为特定比例,请首先将其设置为
最小值
和最大值
属性。图表仍将尝试使用整数。若要禁用该设置,请禁用该属性
即:
若要将值轴强制设置为特定比例,请首先将其设置为
最小值
和最大值
属性。图表仍将尝试使用整数。若要禁用该设置,请执行以下操作
即:
请考虑使用JSON样式初始化您的图表。它更好地写和可读。对您的问题:您基本上正在寻找一种方法来设置您的ValueAxE的范围?重要的是有<代码> 11.90和10.50 < /代码>范围,或者您可以使用<代码> 12和10 < /代码>?(我想第一个需要对amcharts源文件进行一些更改)请看一下这个。请考虑使用JSON样式初始化图表。这是更好的写和可读。对你的问题:你基本上正在寻找一种方法来设置你的ValueAxE的范围?重要的是有<代码> 11.90和10.50 < /代码>范围,或者你可以用<代码> 12和10 < /代码>吗?(我想第一个需要在amcharts源文件中做一些更改)请看一下这个。谢谢大家的帮助我将在周一的工作中尝试这个。谢谢大家的帮助我将在周一的工作中尝试这个
var valueAxis = new AmCharts.ValueAxis();
valueAxis.minimum = 10.5;
valueAxis.maximum = 11.90;
valueAxis.strictMinMax = true;