我使用chart.js库创建了上面的图表。我想改变这个图表中的水平和垂直轴颜色。我试过“scaleFontColor”，但它只改变标签的颜色。
var myBarChart = new Chart(ctx).Bar(data, { scaleFontColor: "white" });
还有其他属性可以改变水平和垂直轴的颜色吗？
浏览 5提问于2016-05-19得票数 2
回答已采纳
我想要实现的是：
为此，我使用，这只是chart.js的一个扩展。我有条形图，颜色和爵士音乐。我不知道的是如何使x轴标签出现在条形图的顶部，而不是在它们下面。为了澄清，我不想让它出现在悬停或其他任何东西上，只是出现在顶部的栏杆上。
问题：需要什么样的配置才能使x轴标签显示在条形图上？
浏览 4提问于2016-08-15得票数 2
回答已采纳
有一种方法可以为y轴创建两个标签。但是如何在chart.js中制作多个x轴标签呢？例:如图中所示：
浏览 8提问于2017-03-21得票数 23
回答已采纳
我每天都在收集温度和相对湿度的数据。我想用Chart.js显示这些数据，目前可以显示我的所有数据。但是我想知道如何用Chart.js在x轴上显示特定的时间标签。
正如你所看到的，x轴的时间标签太“拥挤”了。我搜索了Chart.js文档，并试图添加autoskip和autoskippadding，但没有显示目标时间标签。
xAxes: [{
ticks: {
autoSkip: true,
autoSkipPadding: 60
}
}]
因此，由于这些数据是每分钟收集的，而且数据的大小是如此巨大，如何仅
浏览 15提问于2022-02-19得票数 0
回答已采纳
1回答
我需要不同颜色的x轴标签，我使用的是"chart.js“。我试过下面的代码，但它不起作用，只是显示出单一的颜色-
scales: {
xAxes: [{
ticks: {
fontColor: [
'rgba(245,88,97,1)',
'rgba(245,88,97,1)',
'rgba(245,88,97,1)',
'rgba(145,151,163,1)',
'rgba(70,180,220,1)
浏览 0提问于2017-05-30得票数 4
2回答
我使用chart.js创建了一个图表，它按预期工作。问题是，我不需要x轴标签(速度)。我看了一些类似的问题，但都没有用。如何在不删除或更改chart.js v3中的任何其他内容的情况下隐藏x轴标签？
浏览 3提问于2021-04-21得票数 1
回答已采纳
我想根据数字标签值在Chart.js条形图和线条图中设置y轴勾标的颜色。具体来说，我希望负值变成红色。此外，我不想显示"-1“、"-2”等，而是要覆盖显示"(1)“、"(2)”等等。
我看到了基于索引/位置更改滴答标签的例子，但没有根据标签值进行有条件的更改。提前感谢您的指导。
浏览 13提问于2022-10-14得票数 1
回答已采纳
5回答
如何更改X和Y轴标签的颜色？我试图在scaleLabel中使用scaleLabel，但我可能在错误的地方使用它？
我尝试将其应用于scale中作为。我还在scales下甚至在xAxes中尝试过。
var options = {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
浏览 10提问于2016-09-27得票数 27
回答已采纳
我正在用chart.js创建一个图形，它有2个系列(count1和count2)，在x轴上有多个标签。 对于这个系列，我已经创建了2个数据集，但当我设置标签时，只有第一个是用2种颜色创建的，其余的采用默认颜色。 如何使所有条形图都采用数据集系列的颜色？ 到目前为止，我所做的是： var ctx = document.getElementById("myChart")
var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: ['Product 1','Prod
浏览 15提问于2019-02-08得票数 0
1回答
我使用的是Chart.js，但是x轴上的标签太多了。谁知道我能不能过滤掉标签？有一个2013版本的Chart.js可以做到这一点，但我有一个2015年的版本，两者非常不同。我的代码已经依赖于2015年的代码。
那么基本上，有没有2015版本的Chart.js可以过滤x轴标签呢？
谢谢!
浏览 1提问于2015-09-01得票数 0
8回答
我成功地删除了图表中所有的水平行/规则，使用如下：
scales: {
xAxes: [{
gridLines: {
display: false
}
}]
}
但我也想去掉表示Y轴的规则/条。但我想保留这些标签
不幸的是，我找不到任何选择。我只能移除整个轴，包括标签。
我使用的是Chart.js 2.3。
浏览 6提问于2016-11-10得票数 10
回答已采纳
我在使用chart.js Y轴标签时遇到问题。我有以下数据。
var data = {
labels: ["1","2","3","4","5"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightF
浏览 2提问于2015-12-08得票数 4
回答已采纳
1回答
我使用的是chart.js，我想为我的数据设置自定义的日期格式。我该怎么做呢？
例如，下面是我的x轴日期配置：
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
time: {
displayFormats: {
浏览 24提问于2017-03-14得票数 2
回答已采纳
我用chart.js 3.7.0提供了一个简单的线条图。如何为轴和工具箱提供不同的标签？在我的例子中，我喜欢给空的标签，除了3个特殊的轴值，但确切的日期值，在工具箱中的一个点。
我的身材：
<script>
chartLabels = ['2 years ago','', ... , '','1 year ago','', ... ,'','Today'];
chartData = [0,0, ... ,0,0.13,0.08, ... ,0,0.1];
浏览 1提问于2022-05-25得票数 0
我正在使用Chart.js (http://www.chartjs.org/docs/)来绘制图表。我的类型图表是条形图。 X轴的标签有4条线。我更改了X轴值的颜色。值的颜色是一种颜色。但是我希望每种颜色都有一条线，颜色和条形颜色一样。 var barChartData = {
labels: [["Injection", 10, 20], // here I want to change the color
["Electronics", 5, 15],
["TOTAL", 15, 35]
],
浏览 14提问于2019-02-05得票数 0
根据"“的Chart.js 版本2.3，只能为Y轴上的蜱(”水平比例尺“)设置一个垫子：
填充在刻度标签和轴之间的填充号\10\填充。注:只适用于水平尺度。。
这就像一种魅力：
scales: {
yAxes: [{
ticks: {
padding: 20,
}
}],
xAxes: [{
ticks: {
// how to set padding here?
}
}]
}
但是草稿说，我也需要在X轴上填充一些东西。
如
浏览 8提问于2016-11-09得票数 5
8回答
在chart.js中，如何在不触及全局配置的情况下为x轴标签设置字体大小？
我已经尝试过设置'scaleFontSize‘选项-- my对象。我也试过设置：
{
...
scales: {
xAxes: [{
scaleFontSize: 40
...
}]
}
}
浏览 25提问于2016-07-08得票数 66
回答已采纳
我最近从Chart.js v2升级到了v3。我正在用一个基于时间的x轴绘制实时折线图，它随着时间的推移而滚动。 在Chart.js v3中，当我的x轴记号标签开始接近图表的左边缘时，它会调整图表大小以适合完整的标签。如附图所示，这在我的图表左侧创建了一个空的间隙。在Chart.js v2中，它不会调整图形大小，而是允许标签溢出画布。 ? 我的x轴选项是： {
type: 'time',
axis: 'x',
min: minDate.getTime(),
max: maxDate.getTime()
time: {},
tick
浏览 11提问于2021-08-31得票数 0
1回答
我是chart.js的新手，我需要在y轴上创建一个带有标签的折线图。网上有很多在x轴上有标签的例子，但我需要的是一个在y轴上有标签，x轴上有数字的折线图？
浏览 4提问于2020-04-20得票数 0
如何在https://valor-software.com/ng2-charts/制作的条形图中将x轴标签包装成多行(2行)？ 预期结果应该类似于this。请参见X轴标签。 Ng2-charts基于Chart.js并找到以下链接(PR)来帮助解决此问题。 https://github.com/chartjs/Chart.js/commit/d1b411f4fc2d7b9cafa2d235c9ee008d149a22e3 https://github.com/chartjs/Chart.js/pull/2704 然而，在ng2-charts中实现同样的目标是可能的吗？任何人在使用NG2图表时遇
浏览 38提问于2019-01-08得票数 7
回答已采纳
1回答
我正在使用Chart.js绘制一个线图，我需要创建一个像下面的图像一样的图形。
我的问题是如何删除y轴标签并添加一个垂直的标签呢？
这是我为垂直y轴文本编写的代码。
var options = {
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: "Normalized/Indexed Data",
}
}]
}
}
但是如何删除其他标签(1.0，1.5，2.0 .)
浏览 6提问于2016-10-02得票数 1
回答已采纳
9回答
如何隐藏chart.js中显示的x轴标签/文本？
设置scaleShowLabels:false仅删除y轴标签。
<script>
var options = {
scaleFontColor: "#fa0",
datasetStrokeWidth: 1,
scaleShowLabels : false,
animation : false,
bezierCurve : true,
scaleStartValue: 0,
};
var lineCh
浏览 2提问于2014-05-02得票数 82
对于Chart.js，有没有人知道处理x轴标签间距的好方法，在这种情况下，在最后一个标签之前可以有一个很大的标签间隙？我正在处理的图有太多的x轴度量，无法打开每个条形图的标签。我知道这显然与x轴标签跳过逻辑有关，在x轴标签跳过逻辑中，它在最后一个x轴度量上产生一个间隙，然后结束，以获得标签。
如何使带有标签跳过的图形在结束之前没有大的/尴尬的差距的情况下更具视觉吸引力？
浏览 1提问于2019-01-04得票数 0
1回答
如何为使用chart.js和angular-chart.js创建的折线图添加垂直轴(Y轴)标签
我需要显示y轴标签。
HTML
<ion-content ng-controller="AgeController">
<canvas id="line" class="chart chart-line" data="data"
labels="labels" legend="true" series="series"
click="onClick"
浏览 2提问于2015-08-20得票数 1
回答已采纳
1回答
这里的菜鸟。想要包括一个不是jQuery的JS库。看到，它看起来很酷。然而，我很难让甜甜圈图出现。为什么？无论如何，下面是我的步骤和它们后面的相应代码：
我去了Chart.js GitHub，复制+意大利面的chart.js文件，保存为我自己的。()
在html中包含chart.js。<script type='text/javascript' src='chart.js'></script>
创建一个HTML拉面元素，即150x150。<canvas id="myChart" width="15
浏览 1提问于2015-01-06得票数 0
1回答
Chart.js阴影区
、、、
Chart.js ()可以使用"fillColor“属性(填充直线图本身与x轴之间的区域)填充线下的颜色。
我想知道的是，是否可以将Chart.js配置为创建阴影区域，如下所示：
谢谢。
浏览 3提问于2016-01-18得票数 3
在chart.js中，如果从移动设备访问，是否可以隐藏x轴标签/条形图文本？
我想隐藏/删除标签在x轴 ie“一月”，“二月”等.
浏览 7提问于2015-02-23得票数 4
回答已采纳
1回答
移除特定标签
、、
简单的问题，但似乎找不到答案。
如何在chart.js中移除x轴上的特定标签？
这是我目前的曲线：
有没有办法简单地隐藏9am，同时继续显示其他标签(上午10点.)？
我试过的事情：
ticks: {
callback: function(value, index, values) {
return '';
}
}
但这将移除x轴上的所有标签。
任何帮助都会得到认可。
注意:这不是的副本，因为我只想删除特定的x标签。
浏览 9提问于2022-05-19得票数 1
回答已采纳
2回答
作为我的高级POC的一部分，我正在努力实现一个
X轴的标签颜色，点击x轴上特定的lable键，要读取当前的x轴可拉线和y轴数据。
但是只点击事件没有触发，在负载上我达到了lable的颜色，但是我尝试在单击事件上做同样的事情。
有人能帮我或建议我吗？
按照下面提供的解决方案，我获得了50%的
但是如何改变标签颜色呢?？
提前感谢
浏览 2提问于2020-10-29得票数 1
回答已采纳
我使用的是Chart.js版本3。我需要在堆叠条形图的y轴上左对齐标签。如何做到这一点呢？ ?
浏览 32提问于2021-10-26得票数 0
回答已采纳
2回答
在标准Bokeh线图上，y轴标签文本的颜色可以用以下代码设置：
graph.yaxis.major_label_text_color = "#1F77B4"
可以在图中添加第二个y轴，从而产生双轴.以下代码将实现这一目标：
graph.extra_y_ranges = {"range2": bokeh.models.Range1d(start = 0, end = 500)}
graph.add_layout(bokeh.models.LinearAxis(y_range_name = "range2"), "left")
但是，
浏览 2提问于2018-01-25得票数 3
回答已采纳
我正在生成一个包含Chart.js图表的HTML文件。当我将系统颜色方案从光改为暗(或相反)时，X和Y轴的字体颜色不会改变，尽管其他颜色确实会改变。但是，无论系统颜色方案是浅色还是暗色，每种颜色都是我刷新页面时应该有的。
我只在Safari12.1中测试这一点，因为它是唯一在非beta版本中支持prefers-color-scheme媒体查询的浏览器。
下面是我使用的<script>元素的内容：
const white = 'hsl(42, 0%, 90%)';
const black = 'hsl(42, 0%, 10%)';
const p
浏览 1提问于2019-04-15得票数 4
我想要实现的是，xaxis的setp大小取决于标签的实际值。这里有一个excel的例子，我期望我的chart.js线图应该看上去x轴上的步骤是"2"：
但是，我的chart.js总是在xaxis上平均分配标签：
我的xaxis设置：
xAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'Test'
},
ticks:
{
min: 1,
max:17,
stepSize: 5,
浏览 2提问于2020-06-06得票数 0
回答已采纳
1回答
如何使用joypy包更改欢乐图中y轴标签的颜色？
这是一个示例代码，在这里我可以更改颜色，如果x轴标签，但不是y轴。
import joypy
import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
## DATA
url = "https://archive.ics.uci.edu/ml/machine-learning-databases/iris/iris.data"
new_names = ['SepalLength','SepalWidth',
浏览 1提问于2021-06-24得票数 1
1回答
我正在使用chart.js来显示一个图表，我想在数字的yaxis实例上显示名称。我使用标签数组更改了x轴点的数量，但不知道如何更改y轴值。我添加了当前图表的屏幕截图，我希望在y轴上显示名称数组，就像在x轴上显示标签一样 [![this.barChart = new Chart('canvas', {
type: 'line',
data:{
labels:\['a','b','c','d','e'\],
浏览 25提问于2021-02-01得票数 0
回答已采纳
我有一个用Chart.js创建的图表。有一些选项，其中一个' responsive : true‘提供了一个响应式视图。问题是，当我第一次加载带有数据的图形时，y轴标签溢出边界并显示在下面的屏幕上。当我更改视图时，y轴标签在标签的末尾显示溢出、隐藏和省略。另外，我需要为标签添加自定义气球，我该如何做？在视图更改之前： ? 视图更改后： ?
浏览 10提问于2021-06-18得票数 0
1回答
我有一个使用Chart.js的散点图，在X轴上我有时间值(我使用Moment.js)。问题是我想要反转比例(如图所示)，但它不适用于
scales: {
xAxes: [{
type: 'time',
...
ticks: {
reverse: true
},
所以我需要使用线性类型。问题是，对于X轴上的线性时间，我看到的是秒，而我想要的是'mm:ss‘格式的秒，所以我认为我需要使用标签。
问题是:如何在散点图中使用x轴的标签
浏览 16提问于2017-03-16得票数 1
回答已采纳
因此，我知道如何在Highchart中更改x轴标签的颜色，这里对此进行了描述。
但是，如果我只想更改一个标签的颜色，而不是所有标签的颜色呢？如何将样式应用于各个标签？
浏览 1提问于2012-06-25得票数 16
回答已采纳
1回答
谁能告诉我如何将y轴标签放在图表中，我已经尝试过ChartNew.js，它正在增加画布的高度和宽度。这是普通chart.js中图形的样子。
当我使用chartnew.js时，相同的图形看起来如下所示，但它显示了标签
浏览 1提问于2015-04-08得票数 0
回答已采纳
我正在使用MVC4.0和chart.JS来生成我的图形。我想为每个值放置Y轴的水平线，并使用下面的属性成功地开发了它。
scaleShowGridLines = true;
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines: false,
但我的实际要求是，我想要放置不同颜色的水平线。
scaleGridLineColor: "rgba(0,0,0,.05)"
上面的线改变了水平线的颜色，但它适用于所有
浏览 1提问于2016-11-10得票数 1
1回答
我已经设置我的阴谋透明，所以当我访问它后，轴和标签看起来黑暗，我如何可以设置标签的和轴为“白色”。？？
我试过了
import seaborn as sns
DATA=sns.load_dataset("tips")
import matplotlib.pyplot as plt
plt.figure()
sns.set_style(style="white")
ax=sns.clustermap(DATA.corr(),
cmap="viridis&#
浏览 11提问于2022-01-28得票数 0
回答已采纳
我尝试过编辑 of AChartEngine库。
对于X眼轴
myrender.setXLabelsColor(Color.BLACK);
我可以改变标签的颜色
命令
myrender.setYLabelsColor(Color.BLACK);
不存在，存在myrender.setYLabelsColor(int比例尺，int颜色)；
我还不知道该如何使用，如果我尝试
myrender.setYLabelsColor(1, Color.BLACK);
崩溃
如何更改Y标签颜色并在圈出的部分配置页边距？
浏览 1提问于2014-07-22得票数 0
回答已采纳
雷达图表似乎只有一个填充颜色的数据集。
我想让填充的颜色跨轴变化。类似于这样的东西：
这在Chart.js中是可能的还是我应该选择另一个库？
浏览 10提问于2022-06-06得票数 1
回答已采纳
我使用下列库创建了一个折线图：我的图形包含Y轴上的17个刻度线。虽然有多种选项可用于修改图表，但我很难弄清楚如何将Y轴上的刻度线数量从17减少到大约5或7，以使标签在chart.js中看起来不那么杂乱。
浏览 6提问于2016-05-24得票数 0
2回答
我研究了如何用chart.js改变雷达图的标签颜色。我试过scaleFontColor，但这对我不起作用。
var data = {
labels: ["titi", "tata", "tutu"],
datasets: [{
fillColor: "rgba(51,49,90,0.5)",
strokeColor: "rgba(255,255,255,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeCo
浏览 3提问于2017-01-31得票数 4
回答已采纳
1回答
我想知道Chart.js是否可以做到这一点。我还没能弄明白。 基本上，我想要一个水平条形图，其中时间在X轴上，条形图的数据是开始日期/时间和结束日期/时间，这样条形图就“浮动”，而不是锚定在图表的左侧。条形图将从开始时间开始，在结束时间结束，如x轴上所示。 另外，我需要y轴标签在水平条的内部。 Chart.js是否支持此用例？有没有人有示例代码？谢谢!
浏览 37提问于2021-04-08得票数 0
我使用Chartkick和Chart.js来可视化两行的数据集，但是，只显示x轴上的第一个刻度
我已经尝试按照chart.js文档将选项传递给dataset，这表明我不希望刻度自动跳过。
<%= line_chart [
{ name: "Successes", data: @successful_requests },
{ name: "Errors", data: @error_requests }
],
dataset:{
scaleShowValues: true,
scales: {
浏览 5提问于2019-08-30得票数 1
1回答
如何在折线图中添加多个背景色
、、、、
在我的需求中，我想在静态背景颜色的线形图中显示没有线的点。我几乎实现了，但我无法在图表中设置特定的轴背景颜色。我使用了chart.js (折线图)。请看我的下面的代码，我试了这么多，请看附件的图像，我想开发像那样的图形(0-10轴1颜色那样，背景颜色是固定与该轴)。
new Chart(document.getElementById("line-chart"), {
type: 'line',
data: {
labels: [0,10, 20, 30, 40, 50, 60, 70, 80, 90],
浏览 15提问于2020-02-10得票数 3
回答已采纳
我想为我的chart.js雷达图上的轴上的标签更大的字体大小。请参见下图中的红色箭头： ? 我在选项部分尝试了fontSize的不同变体，但都没有成功。 我如何解决这个问题？
浏览 16提问于2019-12-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
