小编Alt*_*tro的帖子

设置图例的限制/最大数量

假设我有一个圆环图,其中包含 5 个项目的数据,如下所示

const data = {
  labels: ['E-commerce', 'Enterprise', 'Green', 'Grey', 'Purple'],
  datasets: [
    {
      label: '# of Votes',
      data: [12, 19, 3, 5, 3],
      backgroundColor: ['#C07CC3', '#9C3848', '#9DDBAD', '#ADA8B6', '#606EDA'],
      borderWidth: 1,
    },
  ],
} 
Run Code Online (Sandbox Code Playgroud)

我不希望它显示所有图例,因为我没有空间或任何原因

如何隐藏此示例中的绿色和紫色?

我的意思是仅来自传说而不是图表

在此输入图像描述

javascript chart.js react-chartjs-2

13
推荐指数
1
解决办法
825
查看次数

React serve -s build,术语“服务”不被识别为 cmdlet 的名称

你好,我正在尝试构建我的 React 应用程序,所以我做了yarn build,它现在创建了必要的文件夹,我正在尝试这样做serve -s build,它告诉我下面的错误

错误

** 我尝试卸载并重新安装服务npm uninstall -g servenpm install -g serve 并且我在其中找到了服务文件夹C:\Users\Nairi\AppData\Roaming\npm\node_modules

build reactjs serve

4
推荐指数
2
解决办法
1306
查看次数

查看输入类型=颜色如何改变颜色

我希望在更改颜色时看到颜色发生变化,而不是在单击其他位置后看到结果。就像在检查元素中一样,我们正在改变颜色并观看直播 - 它是如何改变的以及如何使用 js dom 做同样的事情?我尝试了 addEventListener("mousemove")、addEventListener("mousedown") 和 addEventListener("change")

在此输入图像描述

document.getElementById("b").addEventListener("change",function(e){
  document.getElementById("a").style.backgroundColor = e.target.value;
})
Run Code Online (Sandbox Code Playgroud)
#a {
  width: 100px;
  height: 100px;
  background-color: black;
}
Run Code Online (Sandbox Code Playgroud)
<div id="a"></div>
<input type="color" id="b">
Run Code Online (Sandbox Code Playgroud)

] 2 ] 2

正如你在代码中看到的,它在实时模式下没有改变,我正在改变,改变后我点击其他任何地方,颜色正在改变,我希望它像上面的 gif 中那样,改变并查看变化同一时间

html javascript css

3
推荐指数
1
解决办法
2489
查看次数

如何从悬停工具提示顶点图表饼中删除系列值

在此输入图像描述

我想从中删除号码33,我希望它只显示series-4

在此输入图像描述

如何将其隐藏在工具提示中?

charts apexcharts

3
推荐指数
1
解决办法
8616
查看次数

Youtube嵌入react控件,点击播放

我有一个带有 YouTube 视频和按钮的 iframe,我想在单击按钮时播放 YouTube 视频

这是我的代码

<iframe width="560" height="315" src="https://www.youtube.com/embed/tu-bgIg-Luo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<button>Play</button>
Run Code Online (Sandbox Code Playgroud)

谢谢

PS我正在使用react,所以我需要react或HTML/CSS/JS解决方案(请不是jQuery)

html javascript youtube reactjs

1
推荐指数
1
解决办法
4163
查看次数