问题标签 [sfcartesianchart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
45 浏览

flutter - 将图标添加到 SfCartesianChart / Flutter 中的 primaryXAxis 值

我正在使用 SfCartesianChart 构建一个图表,我在其中呈现带有名称和一些值的条形图。所以我想为这些名称添加图标。这是我的代码:

这个 > data.type.type.toString().split('.').last是栏的名称,我想向它添加一些图标,但该参数的类型为 String (BarSeries<TransactionsByCategories, String >) 有没有办法将类型 String 更改为 Icon_ String 或类似的东西?所以我可以将图标和条形名称转移到图表?

0 投票
2 回答
159 浏览

flutter - Flutter 将 y 轴值显示为字符串

我有一个简单的图表,其中 x 轴为字符串,y 轴为 int,但我的值太长 10000 我需要将其显示为 10k

我的代码

在图像中,您可以看到它显示 36000 我需要将其显示为 36k 我尝试将其转换为 k 值,但问题出在 yValueMapper 上,它显示的字符串是不允许的。所以我在想也许有一些价值来展示映射器?像图将在值映射器上工作,并且文本会有所不同。

在此处输入图像描述

0 投票
1 回答
85 浏览

flutter - 如何使用sf笛卡尔图自动计算y轴范围

我想创建一个折线图,其中包含 CoinData 列表和 SfCartesian Chart 在颤动中,我希望图表自动使 y 轴的起点成为提供的最低数字,最高数字成为提供的最高数字。我查看了文档https://help.syncfusion.com/flutter/cartesian-charts/axis-customization ,我能找到的最接近的东西是属性anchorRangeToVisiblePoints: false或手动设置属性visibleMinimumvisibleMaximum但这不是我的选择将根据不同的硬币传递不同的 CoinData 价格,我不能对所有这些都使用相同的值,不知道如何实现这个对于更多上下文,这是我用来测试和实验的代码。

有关更多上下文,这就是我要创建的预期产出

但这就是我得到的 我得到了什么

我不希望它从 0 开始,我希望它从 31,000 之类的最低数字开始,但我不想手动使用该属性visibleMinimumvisibleMaximum设置范围,因为我将使用具有不同值的不同硬币.