java - Android Anychart笛卡尔显示单个项目的2个垂直条
问题描述
我正在使用 android anychart 库使用我提供的数据绘制笛卡尔。但是,笛卡尔显示每个项目有 2 个垂直条,而不是只有一个条(如图像中的产品“Pe”所示)。我提供的图像更好地显示了我试图解释的内容。这是代码.. 我已经在 oncreate 中初始化了 anychartview。
Cartesian cartesian = AnyChart.column();
List<DataEntry> dataEntries = new ArrayList<>();
dataEntries.add(new ValueDataEntry("Tr", 10));
dataEntries.add(new ValueDataEntry("Fo", 20));
dataEntries.add(new ValueDataEntry("Ho", 30));
dataEntries.add(new ValueDataEntry("En", 40));
dataEntries.add(new ValueDataEntry("Ed", 50));
dataEntries.add(new ValueDataEntry("Ch", 60));
dataEntries.add(new ValueDataEntry("Ap", 70));
dataEntries.add(new ValueDataEntry("He", 80));
dataEntries.add(new ValueDataEntry("Pe", 90));
dataEntries.add(new ValueDataEntry("Ot", 10));
cartesian.data(dataEntries);
cartesian.title("Team Possession");
Column column = cartesian.column(dataEntries);
column.tooltip()
.titleFormat("{%X}")
.position(Position.CENTER_BOTTOM)
.anchor(Anchor.CENTER_BOTTOM)
.offsetX(0d)
.offsetY(5d)
.format("${%Value}{groupsSeparator: }");
cartesian.animation(true);
cartesian.title("Top 10 Cosmetic Products by Revenue");
cartesian.yScale().minimum(0d);
cartesian.yAxis(0).labels().format("${%Value}{groupsSeparator: }");
cartesian.tooltip().positionMode(TooltipPositionMode.POINT);
cartesian.interactivity().hoverMode(HoverMode.BY_X);
cartesian.xAxis(0).title("Product");
cartesian.yAxis(0).title("Revenue");
anyChartView.setChart(cartesian);
解决方案
发生这种情况是因为您两次应用数据并且图表分别创建了两个系列。在下面的行中,您将数据应用于图表。它会根据数据自动创建一个默认系列。
cartesian.data(dataEntries);
然后您手动创建一个系列。它创建了第二个系列。
Column column = cartesian.column(dataEntries);
要解决这个问题,您可以cartesian.data(dataEntries);
从代码中删除行。
推荐阅读
- html - 显示相互对齐的行间文本
- java - 如何使用 stanford-nlp 提供的 OpenIEDemo.java 生成自定义三元组
- sapui5 - 在 MockServer 中从没有 XML 的 .json 文件中获取数据
- macros - 访问 ClojureScript 中另一个宏中的宏中定义的值
- dart - 如何正确使用 popUntil 到达栈根?
- scala - Groupby 正则表达式 Spark Scala
- javascript - 为什么我会收到这两个错误?
- dart - Flutter ReorderableListView 示例
- python - 使用正则表达式删除某些单词
- python - 如何计算每天的条目?