D3、VueJS、图表轴不呈现
D3是一个基于数据驱动的JavaScript库，用于创建数据可视化图表。它提供了强大的功能和灵活的API，可以帮助开发人员轻松地将数据转化为各种各样的图表形式，如折线图、柱状图、饼图、散点图等。
VueJS是一款用于构建用户界面的JavaScript框架。它采用了组件化的开发方式，使得开发人员可以将复杂的用户界面拆分成多个独立的组件进行开发和管理。VueJS具有响应式的数据绑定、组件化、虚拟DOM等特性，使得开发高效且可维护性强。
图表轴不呈现是指在数据可视化图表中，图表的坐标轴没有正确显示的问题。可能是由于数据格式的错误、坐标轴的设置问题、数据量过大等原因导致的。
解决图表轴不呈现的问题，可以从以下几个方面入手：
- 数据格式验证：检查数据是否符合图表所需的格式要求。例如，对于柱状图，数据格式应该是一个包含多个对象的数组，每个对象包含表示不同类别的键值对。
- 坐标轴设置：检查坐标轴的设置是否正确。可以通过设置坐标轴的范围、刻度和标签等属性来调整。
- 数据量优化：如果数据量过大导致图表轴不呈现，可以考虑对数据进行分组、抽样或者增加交互功能，例如滚动条或者缩放功能。
对于解决图表轴不呈现的问题，腾讯云提供了一系列适用于数据可视化的产品和服务。其中，腾讯云数据可视化产品包括了云图表（https://cloud.tencent.com/product/tcc）、数据大屏（https://cloud.tencent.com/product/daPing）、可视化设计器（https://cloud.tencent.com/product/VISUAL）、图形数据库（https://cloud.tencent.com/product/graphdb）等。
这些产品能够帮助开发人员快速搭建各类图表，并提供丰富的配置选项，以适应不同的数据可视化需求。同时，腾讯云还提供了强大的云计算基础设施和安全保障，确保数据的安全性和稳定性。
相关·内容
2回答
我需要生成一个类似于下图的泳道图表，但增加了在Y轴上显示日期。我需要显示的所有节点都是具有依赖关系的活动，没有流控制元素。
有没有可能使用像d3这样的东西，或者有更好的javascript库可以用于这种类型的图表？我还没有见过这样的例子，所以如果可以使用d3，我不确定我应该从哪里开始。任何建议都将不胜感激。
浏览 9提问于2012-02-24得票数 9
回答已采纳
1回答
我正在尝试将D3直方图添加到VueJS组件中，但我无法使轴正确显示。我看到的唯一渲染的东西是y轴的尖端。 下面是我对图表组件的js： export default {
name: "Histogram",
props: {
},
mounted() {
this.generateBars();
},
data: () => ({
title: 'Bar Chart'
}),
methods: {
generateBars() {
const sample = [
{
浏览 29提问于2020-07-13得票数 0
回答已采纳
2回答
动态数据显示多轴缩放
、、、、
我有一个带有绘图仪的MVVM应用程序。我有两个垂直轴和两个图表(例如，电流和电压随时间在一个图表上)。
<d3:ChartPlotter>
<d3:ChartPlotter.Children>
<d3:VerticalIntegerAxis/>
<d3:LineGraph DataSource="{Binding GraphOneDataSource}" Stroke="Blue"/>
<d3:LineGraph Data
浏览 6提问于2016-10-12得票数 0
回答已采纳
我有一个d3 (版本3.5)的多线图表，我试图在y轴上有5个滴答。
这是y轴生成的代码，其中包含了滴答数：
问题是，我输入的任何滴答值，在3到6之间，都给出了相同的结果(比我想要的更少)：
当我将值设为7刻度时，它会给出以下结果(这比我想要的多)：
如何迫使图表在y轴上有确切的滴答数？
谢谢。
浏览 1提问于2018-07-24得票数 8
回答已采纳
我正在使用canvas实现一个二维图。我想重用d3的逻辑来生成图表的轴。d3在生成轴方面做了很多很好的工作，我想利用它。
(注意:出于向后兼容性的原因，我暂时只能使用d3v3。)
考虑以下d3代码：
let scale = d3.time.scale()
.range([0, width])
.domain([lo, hi]);
let axis = d3.svg.axis()
.scale(scale)
.ticks(num_ticks)
.tickSize(10)
.orient("bottom");
我可以使用以下命令将其呈
浏览 4提问于2017-11-22得票数 2
我正在尝试使用D3和wicked_pdf呈现一些图表。当我启用show_as_html标志时，图表显示得很好。但是当我自己渲染PDF时，只显示了轴。图表区域本身是空白的。我知道JavaScript会执行，因为轴是在图表内容之后呈现的。
我尝试使用canvg将SVG转换为canvas对象。
canvg($(this).find('#canvas')[0], $('<div>').append($(picture).clone()).html(), { ignoreMouse: true, ignoreAnimation: true })
没有变化。
浏览 3提问于2013-08-19得票数 4
我正在使用React.js构建一个应用程序，其中包含了相当多的svg图表。我使用d3函数来帮助创建图表，例如缩放，但随后使用React生成svg元素。下面是关于这个方法的一篇很棒的文章：
我走这条路的部分原因是为了性能--这个应用的第一个版本太慢了。它有很多元素和大量的用户交互，都是客户端的。我试图在React中重新创建dc.js库。
这是一个非常有趣的方法和直观(比d3单独海事组织)。但是，构建轴是很乏味的，而且d3做得非常好。我希望d3能够输出一串表示轴(可能还有其他元素)的svg元素，并将其反馈到DOM中。
我确实看到了这样的问题()，答案是将其附加到DOM中并删除它，或者创建DOM片段
浏览 1提问于2014-06-30得票数 9
回答已采纳
1回答
我有三个y轴和一个x轴的图表。我必须放大所有三轴。但是d3只有一个y轴才能工作。
( 1)是否可以再加2轴？( 2)是否可以将中心设为0的全部3y轴？如果我放大，图表上的滴答就必须留在同一个地方？
浏览 1提问于2015-12-15得票数 0
回答已采纳
我查找任何图表库，它具有自定义y轴值的配置。我想自定义y轴，比如(0到3).我看到D3和其他图表库，Y轴自动生成值.我的设计，只有一个领域和一个比较x轴。
哪个图表库最适合这种情况来实现这一目标。如果谷歌上有任何例子，请分享.
浏览 1提问于2015-06-28得票数 0
回答已采纳
1回答
我正在使用D3来设置我的图表区域，使用可缩放的行为。图表包括x轴和y轴。
当窗口调整大小时，图表区域应该是响应的。在这种情况下，我需要重置x和y轴域和范围窗口调整大小。
这个问题是在调整窗口大小时发生的。我注意到，经过以下步骤后，缩放焦点不再与鼠标排列：
第一次平移并放大图表区域
然后调整窗口的大小
然后再平移并放大图表区域。
此后，就出现了上述问题。请参见下面有此问题的“小提琴”。
那么处理这个的正确方法是什么呢？我注意到一些关于这个问题的讨论，例如：
我尝试过这种方法，但是我无法使它使用D3 V4 API。
浏览 2提问于2016-09-27得票数 8
1回答
在我的D3图表中，我将tickSize更改为0。因此，轴与标签之间的距离几乎为零。我如何调整这一差距，使之看上去体面？
D3 x轴代码：
var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom")
.tickSize(0,0);
浏览 5提问于2014-02-19得票数 0
回答已采纳
我刚从D3开始，我很快就明白它是一个非常低级的工具。我使用D3制作了一个Marimekko图表，使用了Mike在中的一个很好的例子，老实说，这是一个对我来说太先进的地方，但是我开始使用D3，因为我需要一个Marimekko图表，所以我在这里
这里的x轴有滴答，从0到100%，间隔10% .如果我对这些代码摘录的理解是正确的..。
将x轴设置为线性标度
var x = d3.scale.linear().range([0, width - 3 * margin]);
给x轴10条线
var xtick = svg.selectAll(".x").data(x.ticks(10))
浏览 4提问于2018-01-16得票数 1
回答已采纳
1回答
我试着用d3库做图表，.I想在图表中显示轴，.I正在出错，我添加了这一行，.I，试着像那样
我使用了这个api
var data=[20,30,70,80];
var widthc=500;
var heightc=500;
var scaleLiner=d3.scale.linear().domain([0,100]).range([0,widthc]);
var axisn=d3.svg.axis().scale(widthc);
var canvas=d3.select('body').append('svg').attr('width'
浏览 0提问于2016-01-17得票数 0
回答已采纳
4回答
我很难理解如何在D3的中使用Svelte。Svelte使用声明式方法操作。在中，SVG是在模板HTML中写出的。要用D3实现这一点，您可以使用Javascript函数调用来选择一个元素，并调用另一个函数来修改DOM。在前面的图表示例中，D3缩放库仅用于生成轴数组，而HTML本身则由Svelte管理。Svelte以这种方式工作是有道理的--用函数调用构建东西就不那么干净了，但是我不知道如何用画笔来完成这个工作。我如何声明性地在我的Svelte模板中构建画笔HTML，这将如何影响像画笔事件这样的事情？最好只使用onMount内部的刷子函数，并将tie事件的排序更改为本地Svelte变量？
浏览 0提问于2019-09-16得票数 1
回答已采纳
1回答
高架绘图线多色
、、
我有一个显示时间线上事件的高库存图表。这些事件由多个不同系列的数据表示，我想以不同的颜色表示过去/未来的事件(与系列本身无关)。
使用plotOptions.series.lineWidth: 8会产生如下所示的图表，这是由于与不同系列相关联的颜色(其中有些系列只包含一个点)：
如果设置plotOptions.series.lineWidth: 0并指定一个绘图线，则可以实现所需的视图：
我的问题
是否可以：
根据x轴值显示2种不同颜色的y轴折线？或
创建两个y轴的绘线，并只显示每个部分？或
在标记后绘制阴影矩形，而不是整条带/线？
要创建这样的东西(假
浏览 2提问于2014-04-15得票数 0
回答已采纳
在d3图表中，我不想在x轴上使用日期。我有一个简单类别和类别值计数，我想使用这些值创建一个图表。
我使用下面的URL来创建折线图
但我希望在x轴上显示类别名称，而不是年份。
浏览 0提问于2016-11-08得票数 1
1回答
我想在我的vue应用程序中使用c3.js，它成功地构建了一个图表，但我无法更改我的c3图表轴颜色。 这不仅仅是轴的颜色，所有我不能改变和修复的c3图表的样式，这对我来说是令人沮丧的。 你对此有什么想法吗？ <template>
<div id="home">
<div class="block1">
<div id='lineChart'></div>
</div>
</div>
<
浏览 6提问于2019-05-07得票数 0
回答已采纳
我正在测试使用双向通信在react组件中集成d3图表
d3团队的这个让我大吃一惊，我成功地将简单的图表嵌入到了react组件中。
但是，在上面的测试用例中，我无法在初始化时将d3图表的mwidth同步到我的this.state.width。只有当我手动移动滑块时它才会同步。
我的问题是，如何在init上强制(或模拟)滑块移动，以强制图表以正确的宽度更新？
我尝试这样做的原因是我想在可调整大小和可拖动的react组件中嵌入d3图表。比如。
浏览 14提问于2019-11-25得票数 0
2回答
我正在尝试为一个有很多d3图的应用程序编写一个print.css样式表。我尝试过将宽度设置为100%、不同的pt值等，但我就是不能在打印预览中显示整个图形。关于如何样式化svg/容器，以便在普通的8.5x11上打印整个内容，有什么建议吗？
非常感谢。下图:x轴实际上是2013年，打印时图表被截断，如您所见
浏览 0提问于2014-05-22得票数 1
7回答
我想在D3中创建一个时间序列折线图，下面的图表有一个较小的版本，允许用户放大图表的某些部分，如。
我找到的最接近的例子是这个泳道图表：
有没有人有在D3中用折线图来做这件事的例子？
注意:我肯定想要一个小版本的图形，上面有一个可调整大小的画笔，而不是一个纯粹的可拖动/可缩放的x轴，就像。
理想情况下，我希望使用，但是人力车示例是。所以一个人力车的例子会更好。
浏览 0提问于2012-08-13得票数 31
我正在尝试使用带有zoom和pan选项的D3库来开发一个时间线图表。这是jsfiddle - 。
只有当我将鼠标悬停在x轴刻度或图表中的Circles上时，我才能缩放和平移。如何通过在图表上的任意位置悬停来允许缩放和平移。此外，在缩放/平移时，图表内的圆圈在达到x轴域范围时仍会显示，只有在达到svg宽度时才会消失。
浏览 3提问于2017-03-14得票数 0
1回答
D3.js中不同条数的条形图
、、、、
我只想使用d3库创建图表。我的图表将有不同数量的垂直条，这取决于数据和x轴。我的问题是如何动态地设置图表，并在每个条形下设置x轴刻度.如果条形杆的宽度是恒定的，情况会更好。我试着使用范围和比例，但实际上我不明白它们是如何工作的。即使有一些话题)
浏览 0提问于2018-06-18得票数 0
回答已采纳
2回答
我有一个d3的图表，并希望为图表的第一轴添加工具提示。我正在检索第一个轴DOM元素，并向其添加title属性，使其成为其工具提示。没有成功！
用户界面的图像
这里是代码：
var segmentAxis = self.pcz.svg.selectAll(".dimension .axis")[0][0];
segmentAxis.title="Tooltip";
浏览 1提问于2019-07-26得票数 0
回答已采纳
1回答
我对D3 js完全陌生，但我接触过Highcharts。我可以使用HighCharts绘制实时/动态数据，还可以看到旧数据，因为有一个滚动条功能可以在x轴上向左/向右滚动。所讨论的图表是一个时间序列图表，其动态值显示为条形图/折线图。
有没有一种方法可以在D3中绘制每秒钟更新一次的动态图表。此外，我希望看到旧数据使用D3 js中的平移功能，因为它不支持滚动条。
如果你知道其他符合我要求的开源和非商业图表，请让我知道。
浏览 1提问于2015-07-01得票数 1
我想要可视化一系列的分层项目符号图。具体地说，我希望能够单击我的顶级类别项目符号图表，并让它们展开为子主题分解，每个子主题都有一个项目符号图表。
所以基本上，我想重新创建这个D3树示例：
但是让每个节点都是一个项目符号图，而不仅仅是一个圆：
我是一个全新的D3新手，所以即使看了示例源代码，我也不确定从哪里开始。
浏览 1提问于2012-07-17得票数 2
回答已采纳
我正在尝试使用Adobe动画和d3.js创建一个条形图。
对于不同的浏览器如何显示轴，我遇到了一些困难。下面是指向只包含轴和不包含数据的d3图表的链接(代码在d3中)
Mozilla Firefox和Opera:一切正常
Chrome和Safari:滴答在左边堆叠在一起
我认为这与d3.scale.range(值)不能正常工作有关--尽管它确实设置了图表的范围(当我更改范围并运行我的图表更改的代码时)，滴答是相互叠加在一起的。Chrome不会返回任何错误。我有什么办法解决这个问题吗？
浏览 1提问于2013-12-15得票数 1
回答已采纳
1回答
我正在通过d3更新socket.io图表。目前，我的代码几乎与相同。
问题:当我的初始数据数组为空时，我如何绘制一个简单的图表，例如，在上面的小提琴示例中，我如何通过设置来绘制一个空图表(只有轴，没有数据点)。
var data = []
而不是
var data = [
{"Uhrzeit":"05:00","Durchschn":"0","Anz":"0","Gesamt":"0"},
{"Uhrzeit":"05:01",
浏览 3提问于2015-09-14得票数 1
回答已采纳
1回答
我有个简短的问题。我试图确定以像素为单位的图表条的高度。这是一个D3实现，我的图表有一个对数y轴.
我知道我想要画的酒吧的Y值。
我还知道轴的高度(600 in )。
我知道Y轴的最小值和最大值
我尝试过各种计算，但似乎无法计算杆的高度，以便将Y值与x轴连接起来。
下面的图片应该提供一个直观的说明，我正在努力做什么。现在我好像搞错了.我认为这本质上是数学上的一个问题，而不是D3。谢谢!
编辑*
这是我使用的y轴标尺：
var y = d3.scale.log()
.range([height, 0])
.domain([d3.min(sampleData, function
浏览 1提问于2017-03-08得票数 3
回答已采纳
1回答
我想用ggplot2和geom_bar创建一个堆叠的图表。
This is my data:
Date D1 D2 D3
2017-05-08 .3 .5 .2
2017-02-22 .4 .4 .2
2016-11-23 .1 .5 .4
2016-05-13 .2 .6 .2
我想要一个叠加的图表，其中x轴是年份，y轴是D1，D2，D3的比例( D1，D2，D3是不同的颜色)。
我就是这么想的
地形图
ggplot(data = data1, mapping = aes(x = as.nu
浏览 1提问于2017-09-20得票数 0
回答已采纳
1回答
我正在画一个图表，它显示了服务器上的流量。我想在y轴上将单位显示为KB、MB等。任何意见，我如何通过d3轴缩放来做到这一点。
浏览 1提问于2013-11-12得票数 4
我试图绘制一个D3线图，它的Y轴在右边，而不是在左边。我使用了var yAxis = d3.axisRight(y);，但是这个代码片段将我的标签画在右边，而不是将轴移到右边。我使用的D3版本是v4.9.1。任何帮助都是非常感谢的。
浏览 1提问于2017-06-02得票数 1
1回答
向中的d3甘特图添加水平网格线的最佳方式是什么？我最初的想法是做一个轴，并用刻度标记图表的长度(就像在中一样)，但这将它们直接放在图表矩形的中间。
有没有可能让轴打勾成矩形周围的“车道”，或者只是更容易绘制线条(就像做的那样)？
浏览 5提问于2018-02-10得票数 2
回答已采纳
我正在开发一个项目，以便以图形的形式显示数据。为了让我做我想做的事情，我需要一个图形或图表组件，它允许我将x轴和y轴移动到不同的网格。
需要说明的是:我的图表应该由3个不同的部分组成。1:显示线条的实际图形。2: y轴。3: x轴。
我想将图(1)放在一个网格中，y轴(2)放在另一个网格中，x轴(3)放在第三个网格中。
我看过WPF工具包和数据驱动文档(D3)，但我不能想出一种方法来将这三个部分以我在这里描述的方式分开。
有没有可能使用WPF-Toolkit或D3来实现这一点，或者有其他组件可以让我做到这一点？
该组件不需要是免费的，但我应该能够像这样修改它。
浏览 2提问于2014-09-01得票数 0
1回答
是否将y轴显示为百分比？
、、、
我正在制作一个图表，我希望我的y轴刻度标签显示为百分比(而不是小数)。我该怎么做呢？
我当前的代码看起来像这样
yAxis
.append("text")
.attr("class", "ticklabel")
.attr("x", 0)
.attr("y", y)
.attr("dy", ".5em")
.attr("text-anchor", "middle")
.text(y.tickFormat(5))
.att
浏览 0提问于2012-04-18得票数 15
回答已采纳
我刚拿到这张漂亮的图表
<body>
<div id="chart1" class="chart"></div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.j
浏览 2提问于2017-11-13得票数 1
我很难理解如何在React ()中传递组件实例变量。我的等级如下：
DataView
|> SharedScale
|> Graph1
|> Graph2
|> ...
其思想是在中创建一个共享的、D3轴/缩放的，并通过DataView包装器将其传递给所有其他图(即，引用标度应该显示在页面的顶部)。例如，在调整组件的大小时(例如，在我的示例中是在render函数中创建的)，比例实现可能会发生变化：
class SharedScale extends React.Component {
render() {
// Create a D3 s
浏览 0提问于2019-01-10得票数 2
回答已采纳
1回答
我面临一个问题，试图创建一个使用React + D3的气泡图。我知道这个解决方案中有npm模块，但是我不能将它们应用到我正在工作的项目中，而且缺乏使用新的React，ES6，构建这个图表的方法的例子，这有点麻烦。因此，我能够按照这个构建一个正常的图表：
// Dependencies.
import React, { Component } from 'react';
import '../App.css';
import { scaleLinear } from 'd3-scale';
import { max } from '
浏览 2提问于2017-08-10得票数 0
回答已采纳
1回答
如何在d3中绘制单轴频率分布图？该图应采用类似3 34 234 32 33 23的数组，并在一维轴上的每个出现元素处绘制一个标记。图表应如下所示：
在d3中有很多方法可以像这样绘制直方图：
// Generate a histogram using twenty uniformly-spaced bins.
var data = d3.layout.histogram()
.bins(x.ticks(20))
(values);
但是我如何生成这些的一维版本呢？
浏览 1提问于2016-04-14得票数 5
我正在使用，一个基于D3的库。
我创建了一个图表，我希望能够在上面显示一条信息，例如，如果Y轴大于100或类似的情况，这与条件无关。
这是一个我想要的例子，它是用纯D3完成的(我猜)：
基本上，如果满足了这个条件，该消息框就会出现在图表上。
你对此有什么想法吗？
浏览 0提问于2018-02-14得票数 1
回答已采纳
我有一个JSON列表，其元素是一系列图表的属性。我想使用D3和billboard.js动态生成一个HTML元素列表，其中每个元素都包含一个图表。该设置显示在此中。当图表出现时，我会看到一些D3错误，比如Error: <g> attribute transform: Trailing garbage, "translate(0,NaN)".，而billboard.js图表的轴旁边出现了奇怪的[object Object]字符串。例如，如果我在HTML中手动创建了命名的div元素，然后将billboard.js图表绑定到这些元素，那么这些错误就不会出现。
浏览 2提问于2017-10-15得票数 2
回答已采纳
我有一张带有折线图的图表。X轴是日期。该图表显示在移动设备和桌面浏览器上。因此，图表需要适当地缩放。该图表显示用户活动。当它们是新的时，在x轴上只有一个点。随着时间的推移，点的数量可能会变大。
我遇到的问题是控制x轴上的刻度数。在d3决定显示更少的刻度之前，这些点挤在一起太多了。我在想我怎样才能更好地控制这件事。
当我直接设置xaxis.ticks时，d3允许tick离得太近。当我设置xaxis.tickValues时，我必须做更多的数学运算，而不是控制点数。我想过使用tickPadding，但这也不起作用。
我还考虑使用d3.time.mondays来显示跨越很长一段时间的图表的周边界。但a
浏览 1提问于2016-02-25得票数 2
3回答
当我使用D3创建图表时，轴标签中有逗号来分隔千、百万等。
有没有一个D3函数可以调用，向它传递一个数字，然后返回一个格式为逗号的字符串，就像在轴中使用的那样？它等同于这个C#：x.ToString("0,000")。
我知道已经有一些库可以进行这样的格式化，但我希望避免包含额外的库。我已经在使用D3了，所以如果里面有一个我可以使用的API，那就太好了。
浏览 3提问于2013-03-05得票数 18
回答已采纳
2回答
我想在执行API调用以获取一些数据后，在vuejs中绘制一些d3js字符。为此，我创建了一个表单，其输入用于从API收集数据。提交表单后，我调用d3js函数根据检索到的数据绘制图表。我希望只有在数据不为空时才调用绘图函数。为此，我使用了基于数据长度的条件渲染v-if。到目前一切尚好。我的问题是，一旦渲染了绘图，如果我在表单中键入任何内容，就会创建一个新的绘图，就好像每次都会对if语句进行一次又一次的评估一样，我不知道它是否与生命周期相关，但如何避免这种行为？
<template>
<meta charset="utf-8">
<h4>
浏览 1提问于2021-04-12得票数 1
我是d3的新用户，我试图在独立的y轴上绘制两个不同的图形。就像左侧y轴上的折线图一样，右侧y轴上也有类似的条形图。
根据示例，我已经为条形图系列使用了InjectedPlotter，但是我不能为两种不同的图表类型绘制独立的y轴。对于两个折线图，我可以很容易地做到这一点。默认情况下，这两个图表都是从左侧y轴开始凹陷的。
如果能尽早得到帮助，我们将不胜感激。
浏览 0提问于2013-11-19得票数 0
1回答
我有一个关于缩放和缩放/轴的问题。 在某些情况下，我的图表具有以下配置： Y域规模： this.scaleY = d3
.scaleLinear()
.domain([10, 20])
.range([this.chartHeight, 0]); ZoomTransform： {
x: -10,
y: -4,
k: 0.2
} 现在，我以编程方式更改y-scale域(和轴)： this.scaleY = d3
.scaleLinear()
.domain([80, 100])
.range([this.chartHeight, 0]); 问题是，如果我放大
浏览 17提问于2019-09-12得票数 0
1回答
我正在使用D3条形图，对于这个图表的数据量很大，我想通过缩放这个图表来查看这些数据，否则我会得到x轴上的滚动选项……但我不知道怎么做。我是新来的，请帮我找出这个问题的答案，谢谢
浏览 1提问于2015-07-16得票数 0
2回答
这可能不是目前的Kendo图表的一个选项，但是，我想对图表上显示的最大值设置一个限制。我正在显示的图表让用户可以选择100%的固定y轴或自动y轴。所显示的信息是CPU使用情况，因此它的绝对最大值是100%。
问题:我发现如果我使用自动y轴(不要提供最大y值)，那么当数据达到100%时，由于20%的步长，图表将显示高达120%。
当前修复：在图表呈现事件期间检查返回数据中的最大值。如果最大值是>= 80%，那么我将y轴的最大值设置为100%，这样它就不会显示120%。然后我重新绘制图表。
有更好的方法吗?这样我就不用重新绘制图表了？我和其他图表库没有这个问题。
谢谢
浏览 4提问于2016-01-04得票数 1
回答已采纳
1回答
为什么我的d3.js图表比例与不同
我只替换了示例中的数据并删除了轴(我的是蓝线)
位戳图表与其形状有不同的外观，这在d3中是如何实现的？他们在干什么呢？
他们的是水平向下的，我的是水平方向的。
线性是不是因为我的蓝线是线性的，我在d3中找不到任何关于对数的东西，我的图表变成了垂直上下的涂鸦
他们在做什么，这快把我逼疯两个星期了
浏览 3提问于2014-09-02得票数 1
我必须为每个日期创建一个具有可变宽度x轴的自定义股票图表。我使用d3标度顺序来创建x轴
const xScale = d3.scaleOrdinal()
.domain(["16-09-2022", "17-09-2022", "18-09-2022", "19-09-2022", "20-09-2022"])
.range([0, 260, 500, 750, 900,1010]);
当使用几何方法缩放时，轴被缩放成一个整体(如蜱、痒标、轴线)，我想要像scaleLinear那样工作。
svg.s
浏览 2提问于2022-09-21得票数 0
在我的D3图表中，缩放和缩放功能不像D3图中所期望的那样工作。
它正在缩放整个图，而不仅仅是绘制的线和面积。预期的行为应该只放大和缩放图表，而不是x轴和y轴.
当我使用以下代码使用d3.zoom()时-
.call(d3.zoom().on("zoom", function () {
svg.attr("transform", d3.event.transform)
}));
但是上面的代码也更新了轴。所以我尝试添加剪辑路径，并尝试使用它，但它不起作用。
// A function that updates the chart when the u
浏览 0提问于2019-09-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
