Javascript AM图表显示轴的固定范围

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

真的希望你能帮忙! 我正在使用AMCharts,我通过一个简单的php函数(从数据库中提取)添加了一些数据 我使用下面的函数添加了一些上限和下限

  // 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;