当前位置: 首页 > 知识库问答 >
问题:

Chart.js中的随机填充颜色

容阳焱
2023-03-14

我已经使用nvd3很长时间了。在nvd3中,我们可以选择指定自动图形填充颜色。

chart.barColor()

如何在Chart.js图形中填充随机颜色,而不在数据集中定义每种颜色?

我不想使用JavaScript函数生成并从中获取随机颜色。我需要类似nvd3的东西barColor()

如果有可能的话,请帮助我。

共有2个答案

昌和悦
2023-03-14

恐怕chart.js库中没有内置函数来执行此操作。无论如何,定义自己的javascript函数有什么害处?

该实现看起来与您正在寻找的非常相似,只是您已经定义了barColor()自己要做的事情。

如果您还没有找到它们,这里有两个很好的解决方案。(使用JavaScript函数)

锺离嘉容
2023-03-14
        function getRandomColor() {
            var letters = '0123456789ABCDEF'.split('');
            var color = '#';
            for (var i = 0; i < 6; i++ ) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
                }

然后设置:

fillcolor = getRandomColor()
 类似资料:
  • 艺术离不开色彩,今天咱们来介绍一下填充颜色,体会一下色彩的魅力。 填充颜色主要分为两种: 基本颜色 渐变颜色(又分为线性渐变与径向渐变) 我们一个个来看。 填充基本颜色 Canvas fillStyle属性用来设置画布上形状的基本颜色和填充。fillStyle使用简单的颜色名称。这看起来非常简单,例如: context.fillStyle = "red"; 下面是出自 HTML4 规范的可用颜色

  • 问题内容: 我需要使用构造函数创建一个数组,添加一个将数组打印为序列的方法,以及一个使用double类型的随机数填充数组的方法。 到目前为止,这是我所做的: 我正在努力弄清楚如何用在randomFill方法中生成的随机数填充数组。谢谢! 问题答案: 您需要添加逻辑以使用 randomFill 方法将随机值分配给double []数组。 更改 至 然后,您可以调用方法,包括main方法中的list(

  • 问题内容: 我有两个表如下。 “面积”表 “读数”表 Readings表中的“ AreaKey”是Areas表中“ AreaKey”的外键。 Areas表已经有一些数据,行ID的范围是1到50。 我想用一些示例数据填充Readings表-(“ Reading”列的随机浮点值介于1.0和100.0之间,以及给定DateTime范围之间ReadingDateTime的随机datetime值;例如,当前

  • 我试图用2和5的随机值填充一个数组,但是生成的数字总是从0开始。具体问题如下,以及我目前拥有的代码。 (问题)创建一个名为TwoDarrayu_YourFirstName的公共类,成员如下: 带有头的方法:public静态空填充2DArray(int[][]ma)上述方法将填充ma引用的2D整数数组。数组元素值将在2到5之间随机生成。 到目前为止我的代码:

  • 问题内容: 我正在编写一个从整数n创建2D数组的程序。然后,我必须用从1到n n数组大小的 值填充数组, 并检查它是否是一个幻方。 我现在的方式是按照从1到n n数组大小的 顺序填充 数组。我该如何随机? 我的代码: 问题答案: 创建一个随机的数字列表以添加到您的数组中,如下所示:

  • 我想在我的按钮中有两种颜色,像这样: 我可以使用排列在一列中的两个容器小部件来实现这一点,但我想使用FlatButton,因为它附带了onPressed和已经内置的inkwell动画。 所以我尝试在FlatButton中进行: