Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在chart.js上垂直平均线到水平条_Javascript_Reactjs_Charts_Chart.js_Frontend - Fatal编程技术网

Javascript 如何在chart.js上垂直平均线到水平条

Javascript 如何在chart.js上垂直平均线到水平条,javascript,reactjs,charts,chart.js,frontend,Javascript,Reactjs,Charts,Chart.js,Frontend,我开始学习Chart.js,它有很多特性,但有些事情可以通过插件来完成,我想可能就是这样 我已经设置了一个水平条形图,但我想在每个条形图上添加垂直线,以显示平均值 下面是一个例子: 我找到了这个插件,但我无法使它与每个酒吧的部分线,而不是一个完整的高度线工作 这是我当前的配置,没有插件: const labels = scores.map((score) => score.name); const datasets = [ { data: scores.map

我开始学习Chart.js,它有很多特性,但有些事情可以通过插件来完成,我想可能就是这样

我已经设置了一个水平条形图,但我想在每个条形图上添加垂直线,以显示平均值

下面是一个例子:

我找到了这个插件,但我无法使它与每个酒吧的部分线,而不是一个完整的高度线工作

这是我当前的配置,没有插件:

  const labels = scores.map((score) => score.name);

 const datasets = [
    {
      data: scores.map((score) => Number(score.finalValue) * 100),
      backgroundColor: new Array(scores.length).fill(bgColor),
      barThickness: 20,
    },
  ];

请检查此答案,该答案显示了如何对垂直条形图执行此操作:。它应该很容易适用于水平条形图。