Amcharts AM图表4带不同负色的线条带正数的问题

Amcharts AM图表4带不同负色的线条带正数的问题,amcharts,amcharts4,Amcharts,Amcharts4,/** * --------------------------------------- *此演示是使用amCharts 4创建的。 * *有关更多信息,请访问: * https://www.amcharts.com/ * *文件可从以下网址获取: * https://www.amcharts.com/docs/v4/ * --------------------------------------- */ //主题开始 am4core.useTheme(am4themes_动画); //主题

/**
* ---------------------------------------
*此演示是使用amCharts 4创建的。
*
*有关更多信息,请访问:
* https://www.amcharts.com/
*
*文件可从以下网址获取:
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表实例
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
//添加数据
chart.data=generatechartData();
函数generatechartData(){
var chartData=[];
chartData.push({
“日期”:新日期(2019年0月12日),
“访问”:140次,
“测试”:“hello-140-05/05/2019”
});
chartData.push({
“日期”:新日期(2019年1月12日),
“访问”:150次,
“测试”:“hello-140-06/05/2019”
});
chartData.push({
“日期”:新日期(2019年2月12日),
“访问”:160次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年3月12日),
“访问”:170次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年4月12日),
“访问”:180次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年5月12日),
“访问”:190次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年6月12日),
“访问”:180次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年7月12日),
“访问”:160次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年8月12日),
“访问”:140次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年9月12日),
“访问”:120次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年10月12日),
“访问”:100次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年11月12日),
“访问”:80,
“测试”:“hello-140-07/05/2019”
});
返回图表数据;
}
//创建轴
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.0=0.5;
dateAxis.endLocation=0.5;
//创造价值轴
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
//创建系列
var series=chart.series.push(新的am4charts.LineSeries());
series.dataFields.valueY=“访问”;
series.dataFields.dateX=“日期”;
系列。冲程宽度=3;
series.tooltipText=“{valueY.value}”;
series.fillOpacity=0.1;
series.tooltipText=`[bold]测试[/]
----
日期:{Date}
访问:{visions}`;
//为小于0的值创建一个范围以更改笔划
变量范围=valueAxis.createSeriesRange(系列);
range.value=140;
range.endValue=1000;
range.contents.stroke=chart.colors.getIndex(4);
range.contents.fill=range.contents.stroke;
range.contents.strokeOpacity=0.7;
range.contents.fillOpacity=0.1;
//添加光标
chart.cursor=新的am4charts.XYCursor();
chart.cursor.xAxis=日期轴;
chart.scrollbarX=新的am4core.Scrollbar();
valueAxis.renderer.labels.template.adapter.add(“文本”),函数(文本){
返回“$”+文本;
});

#沙特迪夫{
宽度:100%;
高度:300px;
}

#沙特迪夫{
宽度:100%;
高度:500px;
}

如果您不希望对超出范围的序列进行填充,请不要在序列上设置
fillOpacity

series.fillOpacity = 0.1;
/**
* ---------------------------------------
*此演示是使用amCharts 4创建的。
*
*有关更多信息,请访问:
* https://www.amcharts.com/
*
*文件可从以下网址获取:
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表实例
var chart=am4core.create(“chartdiv”,am4charts.XYChart);
//添加数据
chart.data=generatechartData();
函数generatechartData(){
var chartData=[];
chartData.push({
“日期”:新日期(2019年0月12日),
“访问”:140次,
“测试”:“hello-140-05/05/2019”
});
chartData.push({
“日期”:新日期(2019年1月12日),
“访问”:150次,
“测试”:“hello-140-06/05/2019”
});
chartData.push({
“日期”:新日期(2019年2月12日),
“访问”:160次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年3月12日),
“访问”:170次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年4月12日),
“访问”:180次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年5月12日),
“访问”:190次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年6月12日),
“访问”:180次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年7月12日),
“访问”:160次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年8月12日),
“访问”:140次,
“测试”:“hello-140-07/05/2019”
});
chartData.push({
“日期”:新日期(2019年9月12日),
“访问”:120次,
“测试”:“hello-140-07/05/2019”
});
chartData.pu
// Create value axis
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.baseValue = 140;