Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Amcharts多轴仅转换为x、y_Javascript_Jquery_Amcharts4 - Fatal编程技术网

Javascript Amcharts多轴仅转换为x、y

Javascript Amcharts多轴仅转换为x、y,javascript,jquery,amcharts4,Javascript,Jquery,Amcharts4,我需要生成一个报告,使用amcharts 4和以下代码按类别统计系统上的问题线程: am4core.ready(函数(){ //主题开始 am4core.useTheme(am4themes_动画); //主题结束 //创建图表实例 var chart=am4core.create(“chart1”,am4charts.XYChart); // chart.language.locale=am4lang\u pt\u BR; chart.dateFormatter.language=新的am4

我需要生成一个报告,使用amcharts 4和以下代码按类别统计系统上的问题线程:

am4core.ready(函数(){
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表实例
var chart=am4core.create(“chart1”,am4charts.XYChart);
//
chart.language.locale=am4lang\u pt\u BR;
chart.dateFormatter.language=新的am4core.language();
chart.dateFormatter.language.locale=am4lang\u pt\u BR;
//通过每第二种颜色增加对比度
chart.colors.step=2;
//添加数据
chart.data=[{
“日期”:“2020-01”,
“拜克索”:1596年,
“梅迪奥”:2902,
“Alto”:8702,
“Critico”:5695
},
{
“日期”:“2020-02”,
“Baixo”:596,
“梅迪奥”:902,
“Alto”:702,
“Critico”:695
},
{
“日期”:“2020-03”,
“Baixo”:156,
“梅迪奥”:292,
“Alto”:870,
“Critico”:569
},
{
“日期”:“2020-04”,
“Baixo”:11596,
“梅迪奥”:21902,
“Alto”:81702,
“Critico”:51695
},
{
“日期”:“2020-05”,
“Baixo”:15906,
“梅迪奥”:62902,
“Alto”:8702,
“Critico”:55695
},
{
“日期”:“2020-06”,
“Baixo”:159,
“梅迪奥”:290,
“Alto”:870,
“Critico”:569
},
{
“日期”:“2020-07”,
“Baixo”:156,
“梅迪奥”:292,
“Alto”:872,
“Critico”:565
},
{
“日期”:“2020-08”,
“Baixo”:96,
“Médio”:02,
“Alto”:82,
“Critico”:95
},
{
“日期”:“2020-09”,
“Baixo”:15,
“梅迪奥”:29,
“Alto”:87,
“Critico”:195
},
{
“日期”:“2020-10年”,
“Baixo”:11,
“梅迪奥”:21岁,
“Alto”:81,
“Critico”:51
},
{
“日期”:“2020-11”,
“Baixo”:1,
“Médio”:2,
“Alto”:3,
“Critico”:4
},
{
“日期”:“2020-12”,
“Baixo”:15,
“Médio”:52,
“中音”:53,
“Critico”:54
}];
//创建轴
var dateAxis=chart.xAxes.push(新的am4charts.dateAxis());
dateAxis.renderer.minGridDistance=50;
dateAxis.baseInterval={
“时间单位”:“月”,
“计数”:1
}
//创建系列
函数createAxisAndSeries(字段、名称、反面、项目符号){
var valueAxis=chart.yAxes.push(新的am4charts.valueAxis());
if(图表yAxes.indexOf(valueAxis)!=0){
valueAxis.syncWithAxis=chart.yAxes.getIndex(0);
}
var series=chart.series.push(新的am4charts.LineSeries());
series.dataFields.valueY=字段;
series.dataFields.dateX=“日期”;
系列。冲程宽度=2;
series.yAxis=valueAxis;
series.name=名称;
series.tooltipText=“{name}:[粗体]{valueY}[/]”;
级数.tensionX=0.8;
series.showOnInit=true;
var interfaceColors=新的am4core.InterfaceColorSet();
开关(项目符号){
案例“三角形”:
var bullet=series.bullets.push(新的am4charts.bullet());
项目符号宽度=12;
bullet.height=12;
bullet.horizontalCenter=“中间”;
bullet.verticalCenter=“中间”;
var triangle=bullet.createChild(am4core.triangle);
triangle.stroke=interfaceColors.getFor(“背景”);
三角形。冲程宽度=2;
triangle.direction=“top”;
三角形宽度=12;
三角形高度=12;
打破
案例“矩形”:
var bullet=series.bullets.push(新的am4charts.bullet());
项目符号宽度=10;
高度=10;
bullet.horizontalCenter=“中间”;
bullet.verticalCenter=“中间”;
var rectangle=bullet.createChild(am4core.rectangle);
rectangle.stroke=interfaceColors.getFor(“背景”);
矩形.strokeWidth=2;
矩形宽度=10;
矩形。高度=10;
打破
案例“管道”:
var bullet=series.bullets.push(新的am4charts.bullet());
项目符号宽度=10;
高度=10;
bullet.horizontalCenter=“中间”;
bullet.verticalCenter=“中间”;
var rectangle=bullet.createChild(am4core.rectangle);
rectangle.stroke=interfaceColors.getFor(“背景”);
矩形.strokeWidth=2;
矩形宽度=5;
矩形。高度=15;
打破
违约:
var bullet=series.bullets.push(新的am4charts.CircleBullet());
bullet.circle.stroke=接口颜色.getFor(“背景”);
bullet.circle.strokeWidth=2;
打破
}
valueAxis.renderer.line.strokeOpacity=1;
valueAxis.renderer.line.strokeWidth=2;
valueAxis.renderer.line.stroke=series.stroke;
valueAxis.renderer.labels.template.fill=series.stroke;
valueAxis.renderer.contract=相反;
}
createAxisAndSeries(“Baixo”、“Baixo”、false、“圆圈”);
createAxisAndSeries(“Médio”、“Médio”、false、“triangle”);
createAxisAndSeries(“Alto”、“Alto”、false、“矩形”);
createAxisAndSeries(“Critico”、“Critico”、false、“pipe”);
//添加图例
chart.legend=新的am4charts.legend();
//添加光标
chart.cursor=新的am4charts.XYCursor();
}); // 结束am4core.ready()
.chart{
宽度:100%;
高度:500px;
}

如果不需要堆叠轴,为什么不在所有系列中使用相同的轴

am4core.ready(函数(){
//主题开始
am4core.useTheme(am4themes_动画);
//主题结束
//创建图表实例
var chart=am4core.create(“chart1”,am4charts.XYChart);
//
chart.language.locale=am4lang\u pt\u BR;
chart.dateFormatter.language=新的am4core.language();
chart.dateFormatter.language.locale=am4lang\u pt\u BR;
//通过每第二种颜色增加对比度
chart.colors.step=2;
//添加数据
chart.data=[{
“日期”:“2020-01”,
“拜克索”:1596年,
“梅迪奥”:2902,
“Alto”:8702,
“Critico”:5695
},
{
“日期”:“2020-02”,
“Baixo”:596,
“梅迪奥”:902,
“Alto”:702,
“Critico”:695
},
{
“日期”:“2020-03”,
“Baixo”:156,
“梅迪奥”:292,
“Alto”:870,
“Critico”:569
},
{
“日期”:“2020-04”,
“Baixo”:11596,
“梅迪奥”:21902,
“Alto”:81702,
“Critico”:51695
},
{
“日期”:“2020-05”,
“Baixo”:15906,
“梅迪奥”: