Amchart4在数据中跳过列
创始人
2024-09-30 03:30:49
0

在AmCharts4中,我们可以使用DataItem对象的working属性来跳过数据列。以下是一个示例代码,演示如何在数据中跳过列:

// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.XYChart);

// 设置图表数据
chart.data = [
  { category: "Category 1", value1: 10, value2: 15 },
  { category: "Category 2", value1: 20, value2: 25 },
  { category: "Category 3", value1: 30, value2: 35 }
];

// 创建类目轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";

// 创建值轴
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// 创建柱状图系列1
var series1 = chart.series.push(new am4charts.ColumnSeries());
series1.dataFields.valueY = "value1";
series1.dataFields.categoryX = "category";
series1.name = "Series 1";

// 创建柱状图系列2
var series2 = chart.series.push(new am4charts.ColumnSeries());
series2.dataFields.valueY = "value2";
series2.dataFields.categoryX = "category";
series2.name = "Series 2";

// 在数据中跳过某个列(在这里我们跳过了value2列)
chart.data.forEach(function(dataItem) {
  dataItem.dataContext.working = { value2: undefined };
});

// 更新图表
chart.invalidateData();

在上面的代码中,我们首先创建了一个图表实例,并设置了图表的数据。然后,我们创建了一个类目轴和一个值轴,并分别添加了两个柱状图系列。接下来,在数据中遍历每个数据项,将要跳过的列(在这里是value2列)的值设置为undefined。最后,我们使用chart.invalidateData()方法更新图表。

这样,通过将要跳过的列的值设为undefined,我们就可以在AmCharts4中跳过数据列了。

相关内容

热门资讯

透视脚本!wpk有没有脚本,w... 透视脚本!wpk有没有脚本,wepoker怎么看牌型(详细辅助技巧教程)wpk有没有脚本辅助器中分为...
德州之星有辅助挂!约局吧有辅助... 德州之星有辅助挂!约局吧有辅助吗(透视)一直真的有挂(详细辅助可靠教程)是一款可以让一直输的玩家,快...
透视黑科技!aapoker透视... 透视黑科技!aapoker透视怎么用,德州透视竞技联盟(详细辅助可靠教程)1、aapoker透视怎么...
德州ai辅助!微扑克辅助软件下... 德州ai辅助!微扑克辅助软件下载(透视)往昔是真的有挂(详细辅助德州教程);是一款可以让一直输的玩家...
透视神器!aapoker俱乐部... 透视神器!aapoker俱乐部靠谱吗,wepoker免费脚本咨询(详细辅助解密教程);所有人都在同一...
德州ai人工智能!wepoke... 德州ai人工智能!wepoke计算辅助(透视)都是真的有挂(详细辅助科技教程)是一款可以让一直输的玩...
透视模拟器!hhpoker辅助... 透视模拟器!hhpoker辅助软件下载,wepoker底牌透视(详细辅助透明教程);hhpoker辅...
wepoke计算辅助!德扑之星... wepoke计算辅助!德扑之星软件介绍(透视)往昔是真的有挂(详细辅助安装教程)您好,wepoke计...
透视插件!wepoker透视版... 透视插件!wepoker透视版下载,hhpoker有辅助吗(详细辅助必赢教程)1、wepoker透视...
aapoker有猫腻!德扑之星... aapoker有猫腻!德扑之星玩的是啥(透视)本然真的是有挂(详细辅助科技教程);aapoker有猫...