1回答
我正在做一个React JS项目。在我的项目中，我需要创建折线图组件。我正在尝试使用React JS的Chart JS 2库。但是，现在我在自定义折线图时遇到了一些问题。我想删除背景中的网格和线条(屏幕截图)以及图表顶部的标签(我的第一个数据集)。 ? 这是我的代码。 const data = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
dataset
浏览 53提问于2021-02-02得票数 0
回答已采纳
我正在使用charts_flutter创建折线图，但我很难更改图表的颜色。背景色遵循主题背景色，我想改成白色背景。 ?
浏览 84提问于2021-06-26得票数 1
回答已采纳
1回答
我想使用Chart.js库在我的网站上绘制图表，但我打算向图表提供大量的数据(>1,000)。但是，当我将数据提供给chart.js折线图时，该图表不是可滚动的，而是将这些值一起推送到一起，从而使该图表不可读。有没有办法让chart.js折线图可以在x轴上滚动？
浏览 6提问于2014-07-18得票数 7
2回答
我需要沿着图表的y轴设置折线图背景的3种颜色变体(low=yellow，medium=orange和high=red)。许多提供背景图片，改变单一背景颜色的能力，交替行，等等。有没有一个php的图表库，允许沿y轴进行这种程度的自定义。
浏览 0提问于2010-11-08得票数 0
有没有什么方法可以使用mschart创建折线图，其中图表区域的背景颜色会随着y值的不同范围而变化？
例如，折线图的y值为0- 10，背景为绿色，y值为10 - 20，背景为黄色，y值为20 - 30，背景为红色。
渐变不起作用，颜色必须是纯色。
我可能不得不使用背景图像，但我认为可能有更好的方法。不幸的是，网络搜索并没有找到任何东西。
浏览 0提问于2011-10-19得票数 0
回答已采纳
我正在使用在我正在开发的一个the应用程序中包含各种图形。我正在使用javascript图表工具(而不是图像图表工具)，我想知道是否可以在图表上使用透明背景(例如折线图、饼图等)？
浏览 51提问于2011-09-14得票数 67
回答已采纳
我想根据图表中的x轴分割值来设置背景颜色，与折线图一起使用。有没有办法在安卓的MPAndroid图表中设置像这样的图片？ Line Chart with MPAndroid Chart
浏览 21提问于2020-01-10得票数 0
回答已采纳
1回答
折线图中的条件背景色
、、、、
我目前正在尝试将我们的图表从PQ Systems Chartrunner转换为SSRS 2008图表。我目前正在使用SSRS 2008中的折线图，并试图使背景颜色更改为不同的sigma。我能够计算和绘制标准差sigma线，但是我不能改变线之间的背景颜色。
到目前为止，我在SSRS中所拥有的：
在Chartrunner图表中，红色/黄色/绿色区域：
在SSRS 2008中有办法做到这一点吗？
浏览 0提问于2013-02-13得票数 5
回答已采纳
2回答
我想从pandas数据框中绘制折线图，但如下图所示，我的目标是在图表的背景中绘制不同的颜色。
这是我如何绘制折线图的。
ax = df.plot(kind='line')
plt.legend(ncol=6, bbox_to_anchor=(1.04,1))
plt.savefig("output.png", bbox_inches="tight")
plt.show()
浏览 2提问于2020-08-06得票数 0
我有一个页面，其中包含多个图表与NVD- chart.js的。图表放在仪表板中，因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示放在了错误的左边，所以它离它的折线图很远。我试图使用这段代码通过更改容器来更改工具提示的位置，但没有任何更改：
chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg'));
有谁知道如何使用chartContainer吗？
浏览 0提问于2015-09-21得票数 0
2回答
在Flex Chart上绘制
、、、、
我已经在flex中创建了一个折线图，它的工作方式与预期一致。现在，我想为背景添加阴影以获取特定信息。例如，此图表- -显示了衰退的阴影背景。如何在Flex线形图中模拟此着色？
谢谢
浏览 4提问于2011-08-05得票数 1
回答已采纳
1回答
如何在django和js中创建每日更新的折线图。我想知道在django中创建每日分析折线图的原理。它显示了整个星期的数据，以及每天的最大值。就像在任何图表中一样。
浏览 8提问于2020-12-05得票数 0
1回答
我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始。我首先尝试使用渐变来改变画布的背景颜色，但是效果不好。
canvas{
background:linear-gradient(top, #ea1a07 0%, #f4b841 75%,#f2dd43 100%);
}
然而，我没有得到我想要的，因为正如你在上图中看到的，不仅网格着色了，而且x值，y标签和图表图例也着色了。
我的chart.js选项是
options = {
scales: {
xAxes: [{
gridLines: {
col
浏览 8提问于2017-03-30得票数 4
回答已采纳
我有一个页面，其中包含多个图表与NVD- chart.js的。图表放在仪表板中，因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示错误地放在左边，所以它离它的折线图很远。
我尝试了很多代码，比如：
1)
chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg'));
我想使用这行代码来强制工具提示的容器，但没有任何更改
2)
chart.interactiveLayer.tooltip.position({"left":50})
浏览 2提问于2015-09-08得票数 3
我们需要附加一个自定义插件到vue-chart。请指导我们如何在同一平台上实现 import { Line, mixins } from 'vue-chartjs'
export default {
namespaced: true,
extends: Line,
props: ['chartData', 'options'],
mounted() {
this.renderChart(this.chartData, this.chartData.options)
}
} 这就是我们如何使
浏览 26提问于2019-05-23得票数 2
现有的工作流程有一个html模板，其中填充了数据，并作为自动电子邮件发送。
更改完成后，我必须在电子邮件中嵌入从XML创建的折线图，并将其发送给预期的收件人。我已经使用jscharts.js创建了折线图，这些图表已经成功地嵌入到模板中。当我通过自动流程发送电子邮件时，此图表不会显示在电子邮件客户端上。
有没有什么方法可以用来捕获它并通过电子邮件发送？
PS:脚本只用python和js编写。
浏览 5提问于2013-11-12得票数 0
我将一个数据集传递给我的报告，这将呈现一个折线图，其中显示了一个冲刺烧毁图。数据集中的“周期类型”是其中之一，它可以是“计划”、“燃烧”或“回顾”。
图表沿x轴显示日期，y轴显示小时。
我想做的是，背景是灰色的，其中x轴的值不是'Burning‘周期。如上所述，用于创建图表的对象有一个我可以使用的类型字段。
有没有办法根据标志改变x‘列’的背景颜色？某种有条件的背景着色？我找过了，但似乎找不到这么方便的东西。
浏览 4提问于2013-07-25得票数 0
我正在使用Charts.js显示一些折线图，这些折线图在Chrome或Firefox中工作正常，但在Safari中不能正常工作。从源代码看，一切似乎都很好，但图表在Safari中无法正确显示。
问题在于以下链接中的第一个绘图：
浏览 0提问于2018-05-04得票数 0
我在Flex中有一个值从0到90的折线图。我想设置图表的背景，0- 30是绿色的，31 - 60是红色的，61 - 90是蓝色的。
我是Flex的新手。有人能告诉我这是怎么做的吗？
浏览 3提问于2009-11-23得票数 1
我正在用kinetic.js构建一个游戏，我想在其中使用流星图表来显示一些折线图。图表需要与游戏画布一起缩放，并正确定位。我可以将图表直接嵌入到应用程序中的现有图层中吗？
浏览 1提问于2013-11-16得票数 0
我将编写一个小的图表库(具有条形图、饼图、折线图等图表类型)。将在WordPress上下文中使用。该库可能依赖于外部库，如D3.js、underscore.js等。理想情况下，我不必包含每个页面上的所有图表和所有依赖项。
管理跨WordPress页面和帖子的这些图表的实例化以及加载它们的依赖关系的好方法是什么？Require.js示例，原生WP加载资源或类似的非常受欢迎。
谢谢。
浏览 2提问于2013-04-16得票数 1
1回答
我们已经创建了一个SSRS报告，其中包含一个大图表，其中包含多个值条目
这是一个折线图，所以它有很多条线(如value部分中的条目数量)
我们需要从ASPX页面控制图表中显示的线条。
可以创建一个包含一个折线图的图表，也可以创建一个包含多个折线图的图表
但问题是用户应该能够选择他想要的图形中的一条线，2条线，3条线
因此，假设图表将(费用、收入、利润)显示为一张图表中的折线图
如果用户选择仅查看收入，则应仅在图表中显示折线图，但如果用户选择支出和收入，则两个折线图应显示在同一图表中(如果它们相交，则显示它们的相交位置)。
如何控制?我可以通过参数控制吗?如何控制？
浏览 1提问于2011-06-08得票数 2
回答已采纳
我正在使用ApexCharts.js创建一个应该与另一个图表相关联的图表。有同步图表的功能，但如果使用线条和条形图，它不会像预期的那样工作。这是小提琴
我已经使用group: 'group name'和id将这两个图表链接起来。
在小提琴中，你可以注意到当我们在折线图上悬停时，链接图是如何不工作的，但如果我们在条形图上悬停，它会工作得很好。
如果将条形图更改为折线图，它也会起作用。但我想让它成为酒吧。
我做错了什么？谢谢
浏览 0提问于2020-07-16得票数 3
我正在处理角度图，以便在我的应用程序中显示折线图。我已经使用Chart.js集成了折线图。但是，在我的图表中，我不希望在图表之后显示系列。
我的图表代码是
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
$scope.series = ['Series A'];
$scope.data = [
[65, 59, 80, 81, 56
浏览 0提问于2016-03-14得票数 0
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
回答已采纳
假设您有一个折线图，其值从1到100，您希望显示介于50和80之间的值是“正常”的。如何使用Google Visualization API将50到80之间的图表背景设置为绿色？
下面是一个使用Dundas的示例。$20到$40是粉色的：
浏览 1提问于2012-02-10得票数 2
回答已采纳
1回答
我正在使用chart.js，并试图将两个插件添加到同一图表中，但当应用时，这两个插件都会消失，并且控制台中没有直接错误。
有没有人知道如何在同一张图上实现两个插件？
<code>C0</code>
<code>C1</code>
基本上，图形必须在折线图上显示数据标签，同时绘制yAxis线，但只能从折线图上的点开始。
由于某些原因，当两者都应用时，图表将不会显示它们中的任何一个。
<code>A2</code>
超文本标记语言.js代码
<code>A3</code>
浏览 17提问于2019-08-22得票数 2
回答已采纳
我有一个Highcharts折线图并启用了工具提示，但是，我想只为图表上的单个数据点更改工具提示的背景色。
这样做是可能的吗？
到目前为止，我所拥有的
tooltip: { formatter: function () { return this.y; }, backgroundColor: '#68BD49', borderColor: '#000000', borderWidth: '1'
浏览 0提问于2013-02-21得票数 1
回答已采纳
我正在使用chart js (https://www.chartjs.org/)，我有一个折线图，我想将条形图作为第二个数据集添加到其中。问题是折线图显示了，但条形图没有显示，但显示了条形图数据集的最大值。我的意思是，折线图的最大值是1，条形图的最大值是2，图表显示的值是2。 如果删除折线图数据集，则会成功绘制条形图，但将它们放在一起时，只会显示折线图。它会将标签添加到图例中，尽管它只是不显示该条。 下面是我的图表对象 activeUserChart = new Chart(ctx, {
type: 'line',
浏览 24提问于2019-05-04得票数 0
回答已采纳
我正在使用Dojo Charts创建一些折线图，这就是图表的外观。
此id chartData: 0,0,0,0,65,223
当我使用Chart.js创建图形时，它的呈现方式如下所示
忽略x轴和其他东西，如果我们看y轴，这些值在chart.js中是四舍五入的，与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项？
浏览 1提问于2015-07-22得票数 0
我使用reactC3js模块来创建折线图，而不是动态加载y轴数据，y轴首先获取发送的数据，之后不会更新和重新呈现图表
浏览 14提问于2019-04-20得票数 1
回答已采纳
在Angular NVD3的“实时编辑”区域运行此示例。
根据文档，您需要添加以下代码来隐藏x和y轴。
showXAxis: false,
showYAxis: false,
您可以将其添加到第19行之后(在-> app.js中)
但是，除了堆积面积图之外，其他图表也是如此。我已经在折线图、填充折线图、条形图上尝试过了。
等待回复。
浏览 3提问于2017-04-06得票数 0
Chart.js 2.0折线图
我只需要显示当前点的悬停状态，而不是整个数据集。
Chart.js文档中有这个例子，
这是我的图表在我悬停在一个点上时的样子。
谢谢。
浏览 21提问于2016-07-24得票数 0
我正在使用matplotlib构建一个简单的折线图，并且我想在图表的背景上添加斑马条纹，以便每个交替的行都有不同的颜色。有没有办法做到这一点？
我的图表已经有了网格化，并且只有主要的刻度。
编辑:下面我的评论中的代码，但更易读：
yTicks = ax.get_yticks()[:-1]
xTicks = ax.get_xticks()
ax.barh(yTicks, [max(xTicks)-min(xTicks)] * len(yTicks),
height=(yTicks[1]-yTicks[0]), left=min(xTicks), color=['w',&#
浏览 0提问于2010-05-12得票数 1
回答已采纳
1回答
我是d3.js的新手，但我已经成功地制作了两个单独的图表，如简介中所示。
我有一张地图，上面有代表监测站的点。我还有一个折线图，其中包含来自一个监控站的多个时间序列(来自json的数据)。
我想做的是。将两个图表放在同一页上。当您将鼠标移到或单击地图上的某个站点时，数据将加载并显示在折线图上。在地图上选择新站点时，折线图上的数据将发生转换
我有一个关于风格的问题。使用两个单独的图表，将它们组合在一起的最佳方式是什么？对于转换，我已经搜索过，但没有找到任何具有两个图表元素的简单示例，其中一个元素与另一个元素交互作用。我应该将所有的时序数据合并到一个json文件中(比如4个时序乘以50个站)，还是
浏览 0提问于2013-05-20得票数 1
回答已采纳
2回答
我正在用d3.js开发一个图表。有一个功能我不知道如何实现:我在图表上有一条折线，当鼠标离这条折线的任何一点足够近的时候，我想突出显示它(使它变得更加粗体，变成其他颜色)。
我不知道d3中是否有内置的函数来确定鼠标是否离我很近( svg元素)。如果没有，那么如何实现这一点？
假设上述功能已准备就绪，当鼠标靠近这条线但实际上不在这条线上时，如何使突出显示的多段线可以拖动？
浏览 0提问于2014-06-28得票数 0
1回答
我已经使用演示创建了实时图形，但是想知道我是否可以使用raphael来创建类似的折线图？
有没有人用拉斐尔js尝试过实时图表？
谢谢
浏览 1提问于2011-01-05得票数 5
1回答
我有一个网页与3 rgraph动态更新折线图。我使用ajax调用从web服务中检索数据。当ajax调用完成但出现错误时，我想将图表背景颜色更改为“灰色”。当调用成功时，将此颜色更改为“黑色”。
如何动态改变图表背景颜色？
我使用下面的代码
if(error_occured)
obj_Memory.Set('background.color', '#B6B6B4');
else
obj_Memory.Set('background.color', 'black');
但它不会改变颜色。
我修改了rgraph sample：
新
浏览 6提问于2015-01-29得票数 0
我使用了chart.js的折线图。折线图包含两个数据集。我试图实现的是，当用户悬停在其中一个数据点上时，它还必须显示落在同一轴上的另一个数据集的数据，就像Chart js中的示例：
但是我的图表的工具提示看起来像这样：
我想要显示在同一工具提示中，当它悬停在同一轴的任何一个数据中时，检入和切入的数量。
浏览 17提问于2018-07-30得票数 1
回答已采纳
使用chart.js，我有一个条形图，其中的数据点分布在很多年： ? 如果你仔细观察x轴附近，你会看到一些灰色的线条。以下是具有相同数据的折线图，以供参考： ? 虽然在这个示例中使用折线图可能是有意义的，但它使数据较少的图表有点笨拙： ? 用条形代替线条 ? 当涉及较大的x轴时，是否有可用于条形图以提高可读性的选项？我代表的是随着时间的推移事件的发生，另一种适应的图表也可以接受。 谢谢。
浏览 24提问于2020-08-20得票数 1
3回答
我想知道是否有可能在chart.js图的顶部覆盖一条线，例如折线图？例如，在x轴上，将在图表中值为20处绘制一条水平线。
浏览 0提问于2015-01-22得票数 7
回答已采纳
我正在使用dc.js创建多个折线图。我已经创建了一个堆叠图，我想将其更改为多折线图。
例如，目前在这里相互堆叠的线条堆栈，我希望它们不是堆叠在彼此上面，而是应该像序列图一样流动(它可以根据数据相互覆盖)。
我使用下面的代码在图表中呈现堆栈
for(let key in curr) {
if(index === 0) {
subscriptionChart.group(curr[key], key)
} else {
subscriptionChart.stack(curr[key], key)
}
}
我在下面添加了一个JS小提琴，请帮助我。谢谢。
浏览 1提问于2019-08-07得票数 1
我正在使用gRaphael JS lib来绘制折线图。并对haverColumn函数有一些问题。这是我简化的hoverColumn函数。
var line = raphael.g.linechart(50, 20, 650, 120, xAry, yAry, options).hoverColumn(function (){
...
console.log(this.x+","+this.y);
....
}
当鼠标悬停在图表上时，调用hoverColumn函数，并执行日志函数。但是，有些区域不调用hoverColumn函数。
所以，我用firebug做
浏览 9提问于2011-02-24得票数 2
回答已采纳
1回答
当node.js提供包含svg绘图的html文件时，我遇到了一个问题。
该index.html包含一个与中的折线图相同的图表
问题是，每当我通过express服务器为index.html提供服务时，我都会得到一个空白页面(127.0.0.1:80处的空白页面)。然而，如果我在本地打开index.html文件，就会出现折线图。(Page在file:///F:/d3/index.html)上运行良好
main.js源代码：
var app = require('express')();
var server = require('http').Server(app)
浏览 3提问于2015-02-11得票数 0
3回答
有大量的Javascript图表库。以下是我最近使用或研究过的一些内容：
highstock.js (和highcharts.js)recline.jsrickshaw.jsgraphaelinfovis
在上，您还可以使用数据可视化做更多很酷的事情。
根据我的经验，根据您希望在图表上显示的点数和希望在给定页面上显示的图表数量，您可以使用这些库(特别是高库存)来限制浏览器的性能。在本例中，我专门讨论的是折线图，但我假设其他类型也是如此。有没有人对不同的javascript图表库在给定页面上使用大量数据集和大量图表的性能有经验？
浏览 57提问于2012-07-19得票数 26
我想在我的项目中创建饼图，折线图或柱状图，请不要发布图表链接，如上午图表和其他...我知道如何创建jquery图表，但我需要一些教程，将有助于在android应用程序中创建柱状图，折线图...
提前感谢
浏览 2提问于2011-04-26得票数 2
我在基于AngularJS的web应用程序上工作。我使用Angular-highchart.js来绘制折线图。在此应用程序中，一个页面中有80条图形线。因此，当用户单击它时，我想突出显示图形线。
但是我找不到合适的选项来突出显示图形。当用户单击图表线时，是否有突出显示该图表线的选项？
浏览 2提问于2017-11-26得票数 0
1回答
我需要制作一个折线图，其中用户完成图表上的最后一个点，然后根据它采取行动。我使用的是Chart.js，但如果任何库都支持它，我愿意更改。有什么好主意吗？谢谢
浏览 2提问于2018-09-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
