Javascript 不知道如何实现从范围到图表的转换

Javascript 不知道如何实现从范围到图表的转换,javascript,amcharts,Javascript,Amcharts,我正在使用amcharts插件创建漂亮的图表。我发现了一些可以添加范围的东西,但是图表代码的结构与我的不同,我似乎无法找到如何用我的代码实现它。下面是我如何设置图表的 var chartConfig={ 类型:串行, 主题:无, marginLeft:70, 数据日期格式:YYYY-MM-DD, 图表:[{ 子弹:圆形, 第二部分:1, bulletColor:FFFFFF, 尺寸:5, hideBulletsCount:50, 线宽:2, 标题:红线, useLineColorForBull

我正在使用amcharts插件创建漂亮的图表。我发现了一些可以添加范围的东西,但是图表代码的结构与我的不同,我似乎无法找到如何用我的代码实现它。下面是我如何设置图表的

var chartConfig={ 类型:串行, 主题:无, marginLeft:70, 数据日期格式:YYYY-MM-DD, 图表:[{ 子弹:圆形, 第二部分:1, bulletColor:FFFFFF, 尺寸:5, hideBulletsCount:50, 线宽:2, 标题:红线, useLineColorForBulletBorder:true, valueField:值 }], 图表光标:{ CategoryBallonEnabled:false }, 类别字段:日期, 类别:{ 对,, 长度:1, minorGridEnabled:为真, labelsEnabled:false, 长度:0 }, valueAxes:[{ ignoreAxisWidth:true }], var图表=[]; charts.pushAmCharts.makeChartDiv,chartConfig; charts.pushAmCharts.makeChartchartdiv2、chartConfig2; charts.pushAmCharts.makeChartchartdiv3,chartConfig3; 对于图表中的var x{ 图表[x]。AddListenerZoom,syncZoom; 图表[x].addListenerinit、addCursorListeners; } 函数addCursorListenersevent{ event.chart.chartCursor.addListenerchanged、handleCursorChange; event.chart.chartCursor.AddListenerOnHideCursors,HandleHideCursors; } 函数syncZoomevent{ 对于图表中的x{ 如果图表[x]。忽略缩放{ 图表[x]。ignoreZoom=false; } 如果event.chart!=图表[x]{ 图表[x]。ignoreZoom=true; 图表[x]。ZoomToDateEvent.startDate,event.endDate; } } } 函数handleCursorChangeevent{ 对于图表中的var x{ 如果event.chart!=图表[x]{ 图表[x].chartCursor.syncWithCursorevent.chart.chartCursor; } } } 功能手柄{ 对于图表中的var x{ 如果图表[x].chartCursor.hideCursor{ charts[x].chartCursor.forceShow=false; charts[x].chartCursor.hideCursorfalse; } }
} 既然您是在v3上,我假设您指的是。是一个v4功能,可以完成同样的任务

可以通过指定起点/终点、填充、线颜色和可选文本将辅助线添加到图表对象。如果要在类别轴上绘制辅助线,请使用日期/日期或类别/类别。如果要在值轴上绘制辅助线,请使用值/值:


你能分享一个完整的例子吗?你的代码中缺少一些部分。也许最好是编辑你的问题,而不是使用注释。因为你使用的是v3,你可能指的是彩色区域和精细文本。轴范围在v4中。你要找的是指南示例吗?是否可以动态更改将值和tovalue设置为如下形式:函数changeTresh{var treshhold1=parseFloatdocument.getElementByIdtreshhold1.value;var treshhold2=parseFloatdocument.getElementByIdtreshhold2.value;console.logtreshhold1;console.logtreshhold2;iftreshhold1&treshhold2!=0{chartConfig.guides[0].value=treshhold1;chartConfig.guides[0]。toValue=treshhold2;chartConfig.guides[1]。toValue=treshhold1;chartConfig.guides[2]。value=treshhold2;}这是我的按钮。代码对我来说似乎很好,但可能只是不可能这样做that@Tilou-在为本次后续行动单独提出问题之前,您至少可以接受这个答案。
guides: [{
  //date-based category axis guide
  date: "2019-02-20", 
  toDate: "2019-02-22",
  fillAlpha: .20,
  fillColor: "#ee7d01",
  label: "Category Axis guide",
  inside: true //move label inside instead of displaying it on the axis
}, {
  //value axis guide
  value: 10,
  toValue: 30,
  fillAlpha: .20,
  fillColor: "#10d7ee",
  label: "Value Axis guide",
  inside: false //keep label outside along the axis
}]