使用ChartJS设置特定X轴标签的样式
ChartJS是一款流行的JavaScript图表库，用于在网页中创建各种类型的图表。它提供了丰富的功能和灵活的配置选项，使开发人员能够轻松地创建交互式和可视化的图表。
要设置特定X轴标签的样式，可以使用ChartJS的配置选项和插件来实现。以下是一种可能的方法：
- 配置X轴标签样式：
在ChartJS的配置对象中，可以使用
options属性来设置X轴的样式。具体来说，可以使用scale属性下的xAxes数组来配置X轴的选项。在xAxes数组中，可以使用ticks属性来设置标签的样式。 - 例如，要设置特定标签的样式，可以使用
callback函数来自定义标签的显示内容和样式。在这个函数中，可以根据标签的值来返回自定义的HTML字符串，从而实现样式的设置。 - 下面是一个示例配置对象的代码片段，展示了如何设置特定X轴标签的样式：
- 下面是一个示例配置对象的代码片段，展示了如何设置特定X轴标签的样式：
- 在上述代码中，如果标签的值为"特定标签1"，则使用红色字体显示；如果标签的值为"特定标签2"，则使用粗体显示；否则，使用默认样式显示。
- ChartJS相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于存储和管理数据。
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，用于构建和运行无需管理服务器的应用程序。
- 腾讯云对象存储（COS）：提供安全、可靠的云存储服务，用于存储和管理各种类型的数据。
- 腾讯云人工智能：提供丰富的人工智能服务和工具，用于构建智能化的应用程序和解决方案。
请注意，以上仅为示例产品和链接地址，实际使用时应根据具体需求选择适合的腾讯云产品。
相关·内容
我在ChartJS文档(https://www.chartjs.org/docs/latest/)中看到了如何整体设置x轴的样式，但我想设置单个标签的样式。 我在https://codepen.io/jsilver951/pen/pozOBzy?editors=1000中有一个示例代码，我试图在更新函数之前添加属性，但都不起作用。 不正确 lineChart.options.scales.xAxes[0].ticks.fontColor = "hsl(0,100%,50%)"; 有没有人知道这是怎么做到的，甚至是可能的？
浏览 26提问于2020-06-19得票数 0
我有一个用于绘制图表的chartjs插件。我将图表数据呈现给canvas html控件。问题是，当usign chartjs时，我无法添加x轴和y轴标签。任何人告诉我如何在画布控件的左侧和底部显示标签。
浏览 0提问于2013-08-02得票数 2
我正在用chartJS创建一个散点图，并使用react chartjs-2。我正在以以下格式获取x轴的数据：
2020-07-06T09:17:15.424+00:00
对于y轴，我将获得如下格式的数据：
HH:mm
我想要一个x轴，它代表一天一小时，所以它从00:00开始，在23:59或24:00结束。我的问题是如何将标签放入chartJS，以便如果传递日期时间对象或字符串，散点图就会自动检测它的值，并将它准确地放在它所属的位置，而不是标签的行上。
有办法吗？
浏览 0提问于2020-07-10得票数 0
3回答
如上使用ChartJS 1.0.1绘制折线图。如图所示，尽管有足够的空间，但x轴上的标签并不是水平的。我怎么才能使它水平呢？
一个次要的问题，注意到y标签，有1-2px的剪辑。如何解决这个问题？
浏览 1提问于2015-01-20得票数 15
如何将一个仅仅是标签的系列添加到如下所示的图表中？
我很乐意使用任何图表Javascript库，比如ECharts、Chartist、Chartjs。我认为Chartjs是最简单的。
基本上，我正在尝试编写一个软件，自动为一首歌创建一个图形配乐-它输出一个大的组合图表，音量作为一条线，音调作为另一条线，过滤器截止作为另一条线，和弦作为文本在一条水平线上。大约有3500个x轴点(时间样本)。
我浏览了所有三个图表库的所有图库，但找不到一种方法来显示文本，甚至条形图上的标签，并使条形图本身不可见。
浏览 10提问于2018-08-21得票数 0
回答已采纳
1回答
我正在使用chartjs用vuejs制作一个很好的图表。我这里有一个散点图，当我使用像unix时间戳这样的大数字时，chartjs似乎想用未使用的值填充x轴。 下面是它带上标签后的样子，这样你就可以看到发生了什么： ? 我加了道具..。 xAxes: [
{
display: true,
ticks: {
padding: 0,
} ...assuming这就是解决方案，但它没有任何影响。 谢谢! Codepen of behavior
浏览 18提问于2019-02-14得票数 0
我正在使用Chartjs作为Primefaces8.0的一部分来创建散点图。我的x和y值都是%值。我可以使用扩展器格式化yaxis以显示%值，但不能使用x轴。如何格式化x轴以显示百分比值。我想将x轴标签显示为1.5%、2%、2.5%等。
谢谢!
浏览 22提问于2020-05-08得票数 0
2回答
Chartjs一条线图，没有网格，轴和勾标。
我想画出像上面这样的图表。
我不想要轴标签，勾标和网格线，只有一行将在右边的数据(X值)添加到图表。我想在添加到图表上的点上显示标签。我们能在图表中只有一个轴(X)吗？
我确实尝试了如下：
我的数据如下：
{
data: [{x:1, y:0}, {x:2, y:0}, {x:3, y:0}],
showLine: true,
borderWidth: 1.5,
borderColor: "blue",
pointBackgroundColor: "blue",
pointBo
浏览 3提问于2020-12-23得票数 0
回答已采纳
2回答
我有以下图表：
但是，我想将y轴标签转换为以下内容：
是否可以用ChartJS在勾标之间移动y轴标签，如上面的示例图像所示？
功能类似于options.scales.yAxes[].ticks.position选项，但目前它被定义为in the x direction for the y axis，在这里，我需要它在y轴的方向上。更好的是自动居中。
浏览 3提问于2017-07-21得票数 2
回答已采纳
1回答
如何在chartjs中增加x轴和图表之间的间距？ 到目前为止 options: {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [
{
ticks: { display: true },
gridLines: {
浏览 17提问于2020-07-08得票数 0
回答已采纳
我使用Chart.Js和chartjs-plugin-annotation来显示多个折线图，并使用注释将图表区域分成七个不同颜色的区域。 现在我试着从两个盒子开始。 X轴-以HH:m格式显示时间。Y轴-显示四个系列的值。 我面临的问题是我只看到第二个框，而不是第一个框。 另外，第二个框占据了整个图表区域。 这是我面临的问题的JSFiddle - https://jsfiddle.net/marathepa/16th0x3d/14/ 我使用以下代码进行注释- var options = {
scales: {
xAxes: [{
type: &#
浏览 16提问于2021-07-03得票数 0
回答已采纳
我使用chart.js模块来绘制一些数据，并使用chartjs-plugin-zoom来实现缩放和平移，但是，尽管缩放可以工作，但是x轴上的标签不会因为任何原因而改变。我见过类似的问题，但它们都是处理时间序列数据的，因此建议没有帮助。
这是缩小后的图：
<code>B0</code>
这是放大后的图像：
<code>B1</code>
需要注意的关键是y轴上的标签是如何改变的，而x轴上的标签并没有改变。图表的相关配置变量如下：
<code>A2</code>
如果需要，我可以提供更多代码，但我认为错误可能包
浏览 90提问于2020-08-06得票数 1
回答已采纳
2回答
ChartJS v2
我遇到了一个小屏幕大小的问题(使用Chrome中的iPhone 5屏幕模拟器)，我的X轴勾标重叠我的X轴标签。
我的Y轴标签也被切断了。
我试着玩填充和lineHeight的标签2，但没有任何效果。我还尝试将X轴滴答标签的最大/分钟旋转值设置为90度，这使问题更加严重。
上面截图中的示例使用以下设置：
var ctx = document.getElementById("myChart").getContext("2d");
var chart = new Chart(ctx, {
// The type of chart w
浏览 0提问于2018-12-10得票数 2
1回答
希望将JavaFX图表的x轴刻度标签的text-alingment设置为center。
我有一个带有日期的JavaFX NumberAxis X轴，使用多行文本作为记号标签。使用AxisX.setTickLabelFormatter(getTimeAxisString())将记号标签设置为“dd/mm\YYYY”或“HH:mm\ndd/mm”。用户函数getTimeAxisString()提供刻度标签的格式化字符串。默认情况下，这会导致文本左对齐，如下图所示：
这里有没有一个JavaFx方法来改变文本链接？我可以为刻度标签分配一个CSS类吗？
浏览 2提问于2020-11-01得票数 0
我正在为一部电影动态地创建一个线形图。Y轴是在电影长度的过程中收集的许多值。这部电影的长度以前是已知的。我的问题是ChartJs需要有意义的标签。它还将每个标签放在与y轴坐标相同的点上，因此我必须具有与y轴上的点相同数量的标签。
这是我尝试使用的代码，用于根据我提供给ChartJS的数据的长度以编程方式创建一个标签数组
var makeLabels = function(){
var numberOfSegments = $scope.data.length;
$scope.labelArray = [];
for (var i = 0; i = numberOfSeg
浏览 0提问于2015-12-16得票数 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回答
如何创建多个y轴时间序列图
、、、、
我试图映射多个图表，其中x轴(time)是固定的，但y轴可以采取多个值，如CPU%，内存，IO率等。如果我试图构建单独的图表，事情似乎相当容易，但我有一个奇怪的要求，我需要把所有的东西映射到相同的图表上。我一直在用chartjs库进行测试，我可以看到能够处理多个轴。但是我在Cartesian中找到的例子大多是x轴，有一些固定的标签值。在我的例子中，时间到了，我想知道如何对时间序列做同样的工作。我还找到了这个用于的multiple time series，但似乎没有创建多个y轴。需要的是类似于的东西，但我很难找到如何实现这一目标。
我使用django作为后端，并且开放地尝试任何这样做的库，并且可
浏览 3提问于2020-05-20得票数 0
回答已采纳
在Chartjs中，有没有办法将线条图向右移动1个刻度？现在，这条线从y轴开始，结果是在原点，x轴和y轴上的标签看起来都不是很好。我附上截图 ? 理想情况下，我希望09-2016稍微向右移动一点。真的很感谢你的帮助。
浏览 22提问于2021-03-28得票数 0
回答已采纳
1回答
我将Axis标签策略设置为X轴的固定间隔。现在，在缩放时，我希望次要刻度标签为shown.Is，在次要刻度上设置轴标签策略允许这样做，或者以什么方式实现这一点。
浏览 9提问于2018-08-29得票数 0
回答已采纳
在Chart.js 3.0中，当我使用time类型的x轴绘制图表时，Chart.js显示了许多不必要的标签，如下图所示。
为了创建这个图表，我提供了同一天中不同时刻的6个日期时间数组: 00:05、04:11、12:38、15、10、18:41和22:02。但正如您所看到的，标签并不反映我的数据:它在1点到23点之间每小时显示一个刻度和一个标签。
我得到的是：
所需输出：
因此，当且仅当我提供的数据中确实存在值时，它才会在x轴上显示标签。
因此，在下面的代码中，它应该只显示数组datetimes中包含的值的标签。
我在文档中找不到任何关于这方面的信息。我发现了这个相关的SO问题()
浏览 17提问于2021-05-12得票数 1
回答已采纳
我有一个包含过去三天小时数的x轴的chartjs图。因为是3天，所以每小时在x轴上出现3次。我想在每个中午12点绘制垂直线，但我不确定如何区分第一个12:00am与第二个和第三个上午。 annotation: {
annotations: [{
type: 'line',
id: 'vLine',
mode: 'vertical',
display: true,
scaleID:
浏览 15提问于2021-01-19得票数 0
我想要创建一个包含的图表。文档告诉我，我需要为一个类型使用适配器：'time‘轴。我选择了chartjs-adapter-date-fns，并使用以下cdn导入了它：
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
现在，文档告诉我，必须将一个对象作为轴id的adapters.date属性传递。但是我应该把哪个类/对象放在那里呢？我被困在这里了。谁能给我
浏览 24提问于2021-07-20得票数 3
1回答
我想要x轴上的距离指示器，就像图像中的那样-
我尝试了一些注释插件，如chartjs-plugin-annotation.js，但它们似乎不支持这样的特性。
更广泛地说，这样的标签是否有特定的术语？“范围指示器标签”没有显示任何与此相关的内容。
浏览 2提问于2020-02-06得票数 1
回答已采纳
我在我的项目中使用ChartJS (更确切地说，NG2是在原始库的基础上构建的角度2的NG2图表)。
我认为有一种选择：
图例:假真
但是，我发现特别恼人的是能够删除，上的图例(例如，描述行图中的每一行)。下面你可以看到我的意思：
我试过
.chart-legend {
visibility: hidden;
display: none;
}
从中汲取启示
但我认为这也适用于其他传说(底部传说)。有办法定制/隐藏上层图例吗？
另外，是否有更改x/y轴标签方向的选项？(例如垂直显示，而不是对角线)
浏览 1提问于2016-08-02得票数 4
回答已采纳
相当直截了当：
在JavaScript部分中，对于标签，它当前是这样写的：
ticks: {
maxTicksLimit: 12
},
如果将其更改为：
ticks: {
maxTicksLimit: 6
},
ChartJS没有均匀地呈现这些行。有人知道为什么吗？看起来它跳过了x轴的一个数据点。
浏览 2提问于2016-10-06得票数 3
回答已采纳
3回答
我想要一些建议，以找到一个良好的图书馆绘制线图。我正在开发的工具是使用Chartjs，但是我必须添加一些特性，而且我不确定它们是否都可以使用Chartjs。
以下是我应该能够做的事情的清单：
添加/删除数据集
只有一个X轴和一个Y轴覆盖所有的值。
获取数据的点数，并在鼠标切换时得到确切的值。
拥有没有完全相同标签的数据集(即数据1有19，20，21，22值，数据2有24，25，26，27 28值，data 3有22,23,24值)，如果没有值，则行必须停止。标签上不会有任何空白( 22,25)。
请问我是否还不够清楚。
浏览 0提问于2015-04-13得票数 3
回答已采纳
我的x轴数据是最后的24小时，我想给这个小时贴上标签.对于带有"0“的小时值，我想用更大的字体大小显示它，并用日期标记它。有没有任何方法来设置x轴的标签样式？我的代码是这样的：
<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.14/3.14/dijit/themes/claro/claro.css">
<script>v
浏览 3提问于2016-08-01得票数 0
问题陈述：
在中使用CorePlot创建的条形图具有以动态范围为特征的Y轴。此范围的最小值假定为<= 0。该范围的最大值假定为> 0。
条形图以自定义X轴标签为特色，这些标签具有与Y轴的0线之间的偏移。(label.offset)
但是，由于0线的确切位置可能会在运行时更改，因此用于偏移X轴标签的静态值是不够的。
问题：
当轴参数在运行时更改时，正确设置轴标签偏移的适当方法是什么？
附加屏幕截图以显示问题。标签应该在($200,000)线以下，但因为最高端的值是动态的，所以它们会上下移动。
浏览 7提问于2013-03-22得票数 1
2回答
下面的脚本创建一个具有三个标签和一个标题的点缩放轴。正文css选择器定义正文中所有文本元素的字体族和字体大小。虽然轴标题受css规则的影响，但轴勾标签不受影响，尽管它们本身就是文本元素。我知道我可以使用.axis文本选择器来设置滴答标签样式。也许我在这里遗漏了一些显而易见的东西，但是是什么阻止了用身体选择器呈现勾标呢？
下面是代码：
<!doctype html>
<meta charset="utf-8">
<script src="d3.min.V4.js"></script>
<style>
浏览 6提问于2016-11-11得票数 1
回答已采纳
1回答
使用ChartJS可以强制图表显示每个数据集的X轴标签吗？下面我尝试用图表js库复制瀑布图。如您所见，数据集中的每个条形图都没有标签。能让他们开机吗？
var ctx = document.getElementById("myChart").getContext('2d');
const dat = {
datasets: [
{
label: 'Purchase Price',
data:
浏览 5提问于2020-05-08得票数 0
回答已采纳
我正在使用ChartJS构建一个条形图。我的图表中包含了一年中每周一条。例如，我希望每个条形的工具提示显示"Week 15 (4月10日-4月16日)“，而x轴中的相应标签应该只显示周号，因此"15”。
这个精确地描述了我想要完成的任务，尽管我使用的是条形图，而不是散点图。我在条形图上尝试了这个方法，并从我添加到数据集中的标签("Week 15 (4月10日-4月16日)“--> "15")中提取了星期号。然而，userCallback函数用值"15“覆盖x轴标签和工具提示标签。有人能告诉我如何只修改每个条形的x轴标签(而不影响工具提示标签
浏览 2提问于2017-04-12得票数 1
回答已采纳
1回答
我们使用Chartjs来绘制图表，但是没有给出x轴标题，在中有一个y轴标题的解决方案，但是对于x轴，我可以添加x轴名称，但是不能创建图表下面的空间来正确放置它，使用y作为this.chart.height将文本与x轴标题重叠。
我看过chartjsv2.0，但它也不支持x-Axis标题。
浏览 4提问于2016-01-11得票数 2
回答已采纳
我使用ChartJS (v2.9)对时间序列数据进行冒泡绘制分类y轴标签。
我看到了奇怪的行为，如果y轴类别在字符串中的任何位置都有一个数值，数据就不会被绘制，尽管标签仍然存在。
如果我编辑它，这样就没有数值，那么数据就被绘制成OK。
将数据记录到控制台看起来都很好，没有任何错误。
我在一些数据集中看到了这一点。有没有人看过ChartJS泡沫图的这种行为，你能解决吗？
提前谢谢..。
托尼
浏览 9提问于2021-09-30得票数 0
我正在尝试创建一个react-chartjs-2条形图。
我想保持x轴总是0%到100%。
现在，图表只显示x轴中的最大值%(如果80%是x值，则x轴最大值设置为80)。
scales: {
x: {
ticks: {
color: "white",
beginAtZero: true,
max: 100%,
},
grid: {
display: false, // Hide x grid
},
},
y: {
ticks: {
color: "white&
浏览 3提问于2022-05-25得票数 5
回答已采纳
1回答
我有一个ChartJS，当您将窗口调整为较小尺寸时，它会将标签显示为倾斜的。
我想要做的是将X标签垂直降低一点，这样如果可能的话，它们就不会离图形的底部太近。
在谷歌搜索之后，看起来我可以禁用x轴的刻度显示，并使用该选项的动画手动执行此操作。我尝试在下面的中实现这一点。
animation: {
duration: 1,
onComplete: function() {
var chartInstance = this.chart;
this.data.datasets.forEach(function(dataset,
浏览 8提问于2019-10-03得票数 3
回答已采纳
1回答
我是react的新手，我正在集成react-chartjs-2来填充图表上的数据。 我使用条形图来显示成功和失败的调用 1.)在构造函数中，我正在设置图表显示setting for chartjs所需的参数 2.)接下来，我将调用服务器并获取数据以形成X轴(日期)。date params 在YAxis上，我只想要两个刻度，0(失败)和200(成功)，但是有chartjs在调整20步大小。YAxis and XAxis is not appearing as it should only current time is appearing on the XAxis 请帮帮忙，什么都行。 谢谢
浏览 19提问于2019-02-18得票数 0
2回答
动画x轴
、、、
我想使用chartjs linechart来可视化我的数据点。默认情况下，似乎对图形进行了动画化，但它并没有将x轴上的值动画化。X轴只在离散的步骤中移动.
有什么方法可以使动画在轴上也吗？
谢谢!
浏览 5提问于2016-07-03得票数 15
回答已采纳
1回答
我正在使用ChartJS创建一个简单的静态条形图。正如你在图片中看到的，第一个x值(1月)和y轴之间有一个很小的差距。有没有办法消除这个间隙，让第一个x轴值开始/拥抱在y轴(点: 0,0)？我已经查看了所有的ChartJS文档，而我所尝试的一切都不起作用。从我的研究来看，你应该能够通过options对象实现这一点，但我不知道。所有的帮助都是非常感谢的！
谢谢!
浏览 2提问于2017-01-03得票数 1
回答已采纳
我想做的是得到x轴的位置，但我发现，除非x轴的值完全相同，否则我无法得到它。但是对于y轴，只要值在y轴的范围内，我就可以得到一个值的位置。
是否有一种方法可以得到x轴上的值的坐标？X轴的标号是数字，每个标签在下一个标签之间有一个相等的步骤。
我现在的代码是这样的。
<script>
import { Line } from 'vue-chartjs'
export default {
extends: Line,
data() {
return {
chartdata: {
浏览 1提问于2020-12-16得票数 2
回答已采纳
在ChartJS的文档页面上，有一个与我的问题完全对应的部分，但我无法理解它的。它写道：
如果使用全局配置，则从图表数据中包含的标签数组中提取标签。如果只定义了data.labels，就会使用它。如果定义了data.xLabels并且轴是水平的，这将被使用。类似地，如果定义了data.yLabels并且轴是垂直的，则将使用此属性。同时使用xLabels和yLabels可以创建一个将字符串用于X和Y轴的图表。
指定上述任何设置都会将x轴定义为类型:类别(如果没有其他定义的话)。为了更细粒度地控制类别标签，还可以添加标签作为类别轴定义的一部分。这样做并不应用全局默认值。
以下是我尝试过的：
浏览 1提问于2018-08-18得票数 2
回答已采纳
我将工具与结合使用。
我的流包含x的时间数据和y的浮动值。
Y数据随时间变化很大，有时是10^-3，有时是10^-9。
我的问题是，ChartJS根据数据集中的整个数据呈现图，但我希望y轴的最小值是min (可见数据)，而不是min(所有数据)(y轴最大值相同)。
我知道我可以减少流插件的TTL值，但是我想保留所有的数据(我也使用缩放插件ChartJS)。
浏览 1提问于2018-10-31得票数 1
回答已采纳
一天内有两个Chartjs帖子！？抱歉的。
是否有添加垂直滚动，但您的X轴粘贴？这里的想法是，如果我有8个或更多的条(或取决于高度)在我的堆叠条形图，我可以滚动它们的所有。
这是一幅来自设计的图片：
现在，为了使我的应用程序响应，我在那里有responsive: true行，这不是这类事情的最好主意，因为它实际上使图表不再呈现。所以我需要在里面放一个硬编码的高度和宽度才能工作吗？我是这么想的，所以我增加了一个硬编码的宽度，它只显示了两个数据集，第一个和最后一个。
是否有这个垂直卷轴与一个棍子底部x轴？我想我只需要改变x轴的背景色，当它向下滚动时，我甚至还不能达到这一步。
我做了一个来
浏览 10提问于2022-09-07得票数 0
1回答
我正在开发一个CorePlot的实现，它使用一个带有黑色视图中所有白色元素的图表。
该图表进展顺利，但我无法得到我的轴增量标签是正确的颜色。为了澄清，轴的标签是正确的(时间和用法)，但是轴上的标签仍然是黑色的。
我目前所看到的是：
将视图背景更改为白色，以确认滴答标签是否存在：
如果有人能为我指出正确的方向，让勾标为白色而不是黑色，以及使横过图表的水平线变成白色而不是黑色，我将不胜感激。
提前感谢！
浏览 1提问于2015-10-30得票数 2
回答已采纳
我正在使用新的Chart.js，并试图完成几个定制。我精通JS，但对画布还不熟悉，我有点挣扎。我会尽量提供尽可能多的信息。
相关链接
工作演示的
代码-
JavaScript
/**
* Chart.js Global Config
*/
Chart.defaults.global.pointHitDetectionRadius = 5;
window.count = 0;
/**
* Chart Data
* @type {Object}
*/
var lineChartData = {
labels: ["", "
浏览 1提问于2016-05-19得票数 3
回答已采纳
1回答
我使用ChartJs wrapper for Vaadin框架，当用户进行放大/缩小或平移时，我需要用数据更新图表。当用户滚动鼠标滚轮并获得X轴的最小/最大值(其中显示日期时间标签)以将它们传递到后端并从数据库中获取新数据时，是否有可能以某种方式捕获事件？
浏览 0提问于2018-09-28得票数 1
1回答
我在Flex中有一个mx.charts.LineChart，我想知道如何减少值标签和滴答标记之间的填充？我在下面的图片中用黄色框突出显示了这个区域。
我希望标签尽可能接近刻度标记，只要几个像素就可以了。
我只关心把这个应用到x轴上。
我还想知道如何减少轴标题(例如kB和下面图表上的分钟)和值标签之间的填充。
浏览 5提问于2015-11-26得票数 0
回答已采纳
1回答
我正在用chartjs构建一个折线图，类似于
以下是我所取得的成果：
如何使y轴上的零与x轴上的标签处于同一水平。
我几乎尝试了chartjs文档中的所有方法，但似乎都不起作用。
下面是我的配置对象：
var config = {
type: 'line',
options: {
responsive: true,
maintainAspectRatio: false,
legend: { display: false },
scales: {
xAxes: [
浏览 33提问于2021-03-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
