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

Chartjs示例折线图安装程序不显示数据标签

方河
2023-03-14

使用chart.js的示例折线图代码(http://www.chartjs.org/docs/#line-图表示例用法),我能够在js fiddle或独立页面上创建一个完美的折线图。

问题是,当将完全相同的配置代码插入到我的项目中并转换为自定义敲除绑定时,不会显示应位于图表左边缘和下边缘的数据标签。除此之外,它看起来和样品完全一样,就像它应该的那样。

我的代码太复杂,无法包含在这里,所以我要寻找的只是随机的spitball想法,可能是什么导致了这种情况的发生?因为Chartjs输出了一个Canvas元素,所以我发现诊断这个问题几乎是不可能的。

提前感谢任何建议!

共有1个答案

潘弘博
2023-03-14

真是个愚蠢的问题。原来标签的默认颜色是#666,和我的背景色一样。我使用了错误的属性名称来更改标签的颜色,设置“数据标签”颜色的正确属性是:scageFontColor

 类似资料:
  • 我是ChartJS的新手,我对这个传说有一些问题。我有一个简单的条形图,只有3条像: 但我显示的图表是空的:(我还尝试通过在画布下方添加另一个div来显示图例,并通过以下方式调用它: 同样的结果是:( 我做错了什么?

  • 我正在使用组合图和图表。js在我的网站上。 PFB我用的代码。 var PCTCtx=document.getElementById("pctdiv"). getContext("2d"); 我需要在条形图上显示的线。 我在这里为相同的内容创建了一个jsfiddle 任何帮助都是可观的。

  • 我正在尝试用MPAndroidChart构建一个LineChart,来表示我从分贝仪得到的值。问题是,我只得到一个表示当前值的移动点,但我希望有一条线,在移动时,显示值。脑电图之类的东西要清楚。 这是onCreate()方法中与图表相关的所有代码: 以下是我用来更新图表中数据的方法: 因为我需要动态更新数据,所以从线程调用updateChart(float x,float y)。这是我运行应用程序

  • 问题内容: 我正在尝试使用Chart JS 创建一个表,该表具有来自JSON文件的动态生成的数据点。我的代码的逻辑如下所示: 同时,我的JSON文件如下所示: 该变量包含ChartJS的配置设置,包括设置数据点。当加载到ChartJS中时,提供显示我的图表所需的信息。 无论如何,我的想法是使用变量作为使用for循环附加数据集的一种方式。不幸的是,该代码未产生任何结果。我知道我添加变量的方法有问题,

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

  • 我使用的是chart.bundle.min.js 2.3.0。