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

Chartjs条形图试图从数据集中获取标签

郝原
2023-03-14

我正在尝试实现chartJS条形图,并使用图例过滤条形图。我想将标签列表设置为空,因为这样可以清楚地删除条。我正在寻找一种在X轴上设置标记的方法,因为现在文本中的标记为空。

JSIDLE:

https://jsfiddle.net/m1eorjwv/1/

   var options = {
   type: 'bar',
   data: {
      labels: [],
      datasets: [
        {
          label: 'red',
          data: [12],
          borderWidth: 1
        },  
        {
          label: 'blue',
          data: [7],
          borderWidth: 1
        }
      ]
    },
    options: {
      scales: {
        yAxes: [{
          ticks: {
            reverse: false,
            beginAtZero: true
          }
        }]
      }
    }
   } 

非常感谢,阿龙

共有1个答案

梁嘉祥
2023-03-14

我设法做到了这一点,这是安插:

enter code here
code

https://jsfiddle.net/ehacujny

 类似资料:
  • 过去几周我一直在使用ChartJS,我已经习惯了,但是,我试图在我的条形图中添加单独的标签,但我无法解决这个问题。 下面是我正在使用的代码。 如果我将单词标签更改为标签,它们根本不会显示,但当它说标签时,它们都会一起显示。我想要的是数组元素1出现在栏1上,等等。

  • 我有以下不同月份的数据 一月:[1,5,3] Feb:[10,5] 三月:[4,8] 四月:[7] 可能:[3,1,5,0,7] 我想生成如下所示的条形图 现在,我有以下代码,我想知道如何生成如上图所示的条形图。 }); 非常感谢。

  • 我正试图实现类似的图表。例如,三月份通过卡和现金(40美元现金和38美元卡支付)收取的出租车运输付款。我需要用主色和主色的浅色版本显示那个栏。我有两个问题什么样的图表能满足我的需求?如何制作具有相同颜色(深蓝色和浅蓝色)两种不同色调的酒吧? 我已经尝试了以下代码,我确信数据集没有像我前面解释的那样包括卡和现金选项。 谢谢你。

  • 我需要一张这样的图表: 我找到了这个示例,但它使用了旧版本的。我尝试使用v2.0,但我不明白。 有人能贴个例子吗?

  • 我有一个使用chart.js创建的条形图。页面加载时一切正常,但当我使用daterangepicker更改时间范围时,出现了一个小故障。新数据被引入,但当我将鼠标悬停在上面时,旧数据会显示出来。我是javascript新手,希望能得到一些帮助。看起来我需要合并。销毁();不知怎么的,但我不知道怎么做。下面是我的代码片段: 破坏原始数据的最佳方法是什么,以便当我更改日期范围并将鼠标悬停在新图表上时,

  • 我试图理解他们条形图上的ChartJS文档。这对我来说没有意义,因为顶部的标签在一次意义上看起来似乎只适用于第一个栏(基于颜色),在另一种意义上,它适用于整个图表(它是唯一一个不在工具提示中的标签,它位于前面和中间) 我一直在努力使它更像他们的折线图,它显示了一个带有标签的图例和一个与图表上每条线相关的彩色正方形。(他们没有多行图表的示例,但它确实是这样工作的)。 我希望在顶部有一个图例,表示浅绿