2回答
我想给我的折线图的图表区域上色，但它不起作用： options={{
maintainAspectRatio: false,
title: {
display: true,
fontSize: 20
},
chartArea: {
backgroundColor: "blue"
}, 我还在codesandbox中重新创建了这个代码：https://codesandbox.io/s/practical-sh
浏览 47提问于2021-09-28得票数 1
回答已采纳
我正在尝试制作这样的图表：我在chart.js中有一个折线图，现在我想为某些日期添加标签(如字母A，B，C)。找不到可以开始的文档/示例。有什么想法吗？如果使用另一个库更简单，那么推荐一下就更受欢迎了。谢谢!
浏览 0提问于2017-03-16得票数 0
我使用由Chart.js呈现的折线图。我使用多个数据集，而数据集只包含一个数据点(x，y) (来自业务域)。
图表显示了悬停时每个点(x，y，标签)的信息，但是我希望每个点旁边都有一个标签，默认情况下/每次都会显示相应的标签。
在我的研究中，我找不到任何解决方案。
有什么建议吗？这真的可以用Chart.js实现吗？
浏览 1提问于2016-12-17得票数 0
我有一个使用Chart.js构建的动态折线图，最多可以有19个数据集。我动态地将数据输入到数据集中(效果很好)。我遇到的问题是，如果我的数据集少于19个，这些未使用的数据集仍然会显示图例。我曾经在Chart.js 2.6.0的选项列表中使用过这个函数：
legend: {
labels: {
filter: function(item, chart) {
return !item.text.includes('unused');
}
}
}
但这不再适用于Chart.js 3.2.0。
有没有人知道如何在Chart.js 3.2.0中使用这个函数？
这就是我目
浏览 21提问于2021-05-18得票数 0
我要在sencha Ext.js中设计折线图。谁能告诉我，是否可以在sencha Ext.js中绘制非连续折线图(折线图)？作为参考，我附上了一张图片。谢谢
浏览 3提问于2013-03-07得票数 0
回答已采纳
从中获得灵感，我正在尝试如何在Chart.js中交换折线图的轴。
例如，在Highcharts中我们有，尽管它是一个面积图。
可以在折线图上“交换”X和Y轴吗？
datasets: [
{
label: "data1a",
data: [1,2,3,4,5,1,2,3]
}
]
yAxes: [
{
type: "linear",
display: true,
position: "left",
}
]
这是从上面的链接修改的。我基本上是在试着移动它，这样
浏览 0提问于2016-06-16得票数 9
2回答
我已经使用Chart.js和缩放插件构建了一个折线图。这一切都很好，它很好地平移和缩放，但是，图表总是加载与完整的数据范围，我希望它开始“放大”的n数量。我试着调整设置，但是没有用。这一阶段的任何建议都将不胜感激。
浏览 2提问于2017-04-08得票数 1
我们需要附加一个自定义插件到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
使用企业网络调用REST API，但始终面临“访问-控制-允许-来源”问题。请在下面的proxy.config.js中找到以启用CORS。我正在使用示例每日天气报告api来生成折线图。请查看下面的API。我也附上了截图，你能帮我解决这个问题吗？
var HttpsProxyAgent = require('https-proxy-agent');
var proxyConfig = [{
context: '/',
target: 'https://samples.openweathermap.org',
secure: fal
浏览 0提问于2018-05-14得票数 0
我想将“趋势”线添加到我的折线图中。我正在使用react-chartjs-2在我的网站上绘制图表。代码如下所示：
import { Line } from 'react-chartjs-2';
import trendlineLinear from 'chartjs-plugin-trendline';
const PatientInfectionChart = ({ data, labels }) => {
const datasets = [
{
data: data.totalInfected,
backgrou
浏览 1提问于2021-06-06得票数 1
在angular 2项目中使用charts.js，chartjs-plugin- annotation和ng2-charts，我需要用一个方框注释一个折线图，如下图所示。
一切似乎都很好，除了图表上没有出现的框注释(红色)。与注释相关的代码放在图表选项中
annotation: {
drawTime: 'beforeDatasetsDraw',
annotations: [
{
type: 'box',
id: 'y-axis-box',
//mode: &
浏览 1提问于2018-12-23得票数 4
我使用 angularjs模块来显示折线图，问题是当我把它放在标签页时，它只在第一个标签上显示折线图，不会在第二个或第三个标签上显示。
当我读取图表(ui- 是用于jqPlot的指令)时，它告诉我需要使用replot()，但我不知道如何在ui-chart中实现这一点。
有人能给我提个醒吗？
浏览 0提问于2014-01-03得票数 1
我正在使用Angular-Chart.js (在)中的折线图指令。
正如你在上面的链接中看到的，折线图是曲线。我不想要曲线，我喜欢直线。如何配置折线图使其不会出现曲线。非常感谢。
浏览 40提问于2016-08-18得票数 6
回答已采纳
1回答
你能帮帮我吗，我正在试着创建flot折线图，比较两个值。有没有可能在没有时间的情况下创造？我到处找，没有日期/时间我找不到折线图。
var options = {
series: {
lines: {
show: true
},
points: {
show: true
}
},
grid: {
浏览 1提问于2014-06-24得票数 0
3回答
我想知道是否有可能以编程方式突出显示绘图上的标记。
我有一个折线图和一个单独的数据网格。
单击折线图中的标记将突出显示数据网格中的相关行，单击数据网格中的行将突出显示折线图中的相关标记。
在下面的示例中，我可以执行第一个要求。$('#chartdiv').bind('jqplotDataClick', function (ev, seriesIndex, pointIndex, data)返回数据点，我可以用它来查找相关的数据网格行。
但我被困在了相反的地方。
在我的示例中，为了简单起见，我用一个按钮替换了datagrid。
有没有我不知道的SetSelecte
浏览 2提问于2012-05-02得票数 2
回答已采纳
我正在使用chart.js绘制一个带有点和工具提示的折线图，为了防止Ajax造成的闪烁，我正在销毁我的旧折线图并重新创建它。但是，我的工具提示现在不起作用了！我不确定是什么原因造成的，任何帮助都将不胜感激。你可以在下面找到我的代码。
这是通过更改Dropdown-Selection的值来触发Ajax-Call：
var data;
$('#KurveWatt').change(function(){
var y = this.value;
if(y == 'kW/Tag')
{
浏览 1提问于2016-03-30得票数 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
回答已采纳
3回答
我正在尝试将工具提示添加到我的图表中，选项已正确加载，但是没有显示工具提示，您有什么想法吗？
<script>
var lineChartData = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
浏览 0提问于2014-07-21得票数 6
回答已采纳
1回答
我正在使用charts_flutter包来绘制折线图。我必须在X轴上添加一些字符串范围，0-1200,1200-3200，etc.How我可以添加这个吗？
浏览 0提问于2020-06-26得票数 2
1回答
我正在尝试获得morris.js折线图的y轴的对数刻度。
我已经尝试过使用yLabelFormat选项，但它不是我需要的。任何提示都是值得感谢的。
如果使用morris.js无法做到这一点，您可以建议使用另一个轻量级javascript库来制作具有对数比例的简单折线图。
浏览 0提问于2014-06-20得票数 3
1回答
例如，我在x轴和y轴上分别绘制了基于特定日期和注册学生数量的折线图。当我将鼠标悬停在折线图中的特定点上时，我可以看到显示x和y轴值的工具提示。相反，当我将鼠标移到特定点时，我希望显示当天注册的学生的姓名。这个问题有什么解决方案吗？如果没有解决Jqplot的问题，请给我推荐其他图表。请帮帮我。提前谢谢。
浏览 3提问于2013-04-03得票数 1
1回答
我想使用Chart.js库在我的网站上绘制图表，但我打算向图表提供大量的数据(>1,000)。但是，当我将数据提供给chart.js折线图时，该图表不是可滚动的，而是将这些值一起推送到一起，从而使该图表不可读。有没有办法让chart.js折线图可以在x轴上滚动？
浏览 6提问于2014-07-18得票数 7
1回答
我查看了Charts.js主页上的迷你条形图。我无法理解如何将其转换为交互式折线图。帮助函数的文档记录在哪里？如何将它们应用于折线图？
浏览 0提问于2015-01-13得票数 0
我使用chartJS开发了一个折线图。在我的图表中，我必须绘制数据线和带有气泡的线，以显示数据中模式、红色和琥珀色的位置。我已经想好怎么画线了。但我不明白如何绘制气泡来显示细节。
我需要画的图表如图所示：
你知道怎么画这个图表吗？
浏览 0提问于2018-07-11得票数 0
1回答
如何在django和js中创建每日更新的折线图。我想知道在django中创建每日分析折线图的原理。它显示了整个星期的数据，以及每天的最大值。就像在任何图表中一样。
浏览 8提问于2020-12-05得票数 0
4回答
我想更改由chart.js生成的折线图的背景颜色。对于这一点似乎没有选择，文档也没有帮助。在互联网上进行广泛的搜索没有得到任何结果。这个是可能的吗？
我必须承认我对HTML5画布了解不多，所以我有点挣扎！
浏览 2提问于2016-05-11得票数 8
大家好，我想画一张随时间变化的数据的折线图。对于不同的值范围，我需要在这个图中有多种颜色。你能帮我一下吗？
浏览 2提问于2014-04-18得票数 1
在一个对象中，我存储了用d3.js制作折线图，这些折线图可以刷选定的区域。
当我在折线图的选定部分之外单击时，选定区域将被删除。
我想删除选定的区域点击外部链接，例如。重置
不幸的是，即使我从折线图对象访问画笔对象，在brush对象上调用clear()也不会删除选择。
如何使用外部链接从外部折线图中删除画笔选择？
我创建笔刷：
this.brush = d3.svg.brush()
.x(xScale)
.on('brushstart', function() {
lineChart.brushStart();
})
.on(&#
浏览 2提问于2013-08-09得票数 5
1回答
我是chart.js的新手，我需要在y轴上创建一个带有标签的折线图。网上有很多在x轴上有标签的例子，但我需要的是一个在y轴上有标签，x轴上有数字的折线图？
浏览 4提问于2020-04-20得票数 0
1回答
我在d3.js的帮助下制作了折线图，它有轴显示数字，单位是0m，1m，2m，3m..etc表示各种单位。我想在折线图附近显示这些单位的图例，例如m=m，n=nano，B=十亿等。
浏览 1提问于2016-06-30得票数 0
我在chart.js中有一个折线图。现在我希望有一个工具提示，当我悬停在线上时，而不仅仅是当我悬停在一个点上时。然后，工具提示应显示在鼠标所在的位置。这有没有可能呢？
我已经尝试了所有的interaction.mode选项，但它们都没有这种行为。
谢谢
浏览 3提问于2021-06-09得票数 2
谁能告诉我如何扩展Chart.js v2.0。我需要折线图中的垂直线，并且我想实现类似于的东西。
Chart.types.Line.extend({
name: "LineWithLine",
draw: function () {
Chart.types.Line.prototype.draw.apply(this, arguments);
var point = this.datasets[0].points[this.options.lineAtIndex]
var scale = this.scale
// draw line
浏览 3提问于2016-03-31得票数 19
回答已采纳
我正在使用Charts.js显示一些折线图，这些折线图在Chrome或Firefox中工作正常，但在Safari中不能正常工作。从源代码看，一切似乎都很好，但图表在Safari中无法正确显示。
问题在于以下链接中的第一个绘图：
浏览 0提问于2018-05-04得票数 0
3回答
我最近开始学习使用D3.js框架，虽然它似乎被设计成做我想做的事情，但我找不到一个简单的“实时”更新图的例子。
我正在寻找像折线图这样的东西，它会随着新数据的出现而更新。新的数据可以通过点击带有“最后一次看到”时间戳的json url或者一些其他的AJAX-y方法来获得。
编辑:答案的D3部分如下：
现在，人们如何推荐将新数据从服务器端获取到客户端？
浏览 26提问于2012-10-07得票数 69
1回答
我有一个项目，需要Hudson每天运行特定的构建，我想制作一个折线图来显示该构建的历史数据。我已经在谷歌上搜索过了，似乎很少有关于如何做到这一点的文档。有人能提供一些关于这个问题的信息吗？
谢谢!
浏览 1提问于2013-02-15得票数 0
2回答
我是Kibana的新手，我想创建一个可视化界面，以折线图的形式显示一段时间内不成功事件的百分比。
我为每种情况记录一个事件：“事件成功”和“事件错误”。
目前我在一个图中有这两个指标，但我不知道如何计算不成功事件的百分比，即count(“Event error”)/(count(“Event success”)+count(“Event error”))。有什么想法吗？
Kibana版本: 4.1.1
浏览 0提问于2016-03-14得票数 0
我正在使用Chart.js v2绘制一个简单的折线图。一切看起来都很好，除了有一些我不想要的网格线：
折线图的文档在这里：，但是我找不到任何关于隐藏这些“网格线”的东西。
如何删除网格线？
浏览 435提问于2016-04-17得票数 194
回答已采纳
我正在做一个条形图: d3.js中的
我想要有一个上述条形图的组合，并为相同的数据添加一个折线图。
bl.ocks中的所有折线图示例都有很大不同。
我该如何实现这一点？
浏览 3提问于2016-02-20得票数 0
我正在使用birt图表工具来显示图表。它工作正常。我已将工具提示设置为折线图。它正确地显示值，但在悬停时会显示两个弹出窗口。
是否可以设置工具提示位置。工具提示有什么问题？
谢谢
浏览 0提问于2012-05-07得票数 1
9回答
Ruby图表库？
、、、
我需要在使用Ruby on Rails构建的web应用程序上显示一些基于用户输入的图表/图形。有没有什么图表库可以和ROR一起用来显示简单的条形图、折线图和饼图？
浏览 8提问于2009-11-21得票数 16
我使用了chart.js的折线图。折线图包含两个数据集。我试图实现的是，当用户悬停在其中一个数据点上时，它还必须显示落在同一轴上的另一个数据集的数据，就像Chart js中的示例：
但是我的图表的工具提示看起来像这样：
我想要显示在同一工具提示中，当它悬停在同一轴的任何一个数据中时，检入和切入的数量。
浏览 17提问于2018-07-30得票数 1
回答已采纳
我有一个页面，其中包含多个图表与NVD- chart.js的。图表放在仪表板中，因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示放在了错误的左边，所以它离它的折线图很远。我试图使用这段代码通过更改容器来更改工具提示的位置，但没有任何更改：
chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg'));
有谁知道如何使用chartContainer吗？
浏览 0提问于2015-09-21得票数 0
1回答
我尝试制作flot堆叠图，以便在数组x1、x2、x3中输入数据。还有y1 y2 y3..。
我的折线图数据是这样制作的，所以我复制了它的js，并做了一些更改，但条形图的宽度仍然与折线图相同。有什么建议吗？
浏览 1提问于2012-10-10得票数 0
回答已采纳
2回答
这是我用于绘制google折线图插件。
(function( $ ) {
$.fn.loadLineChart = function(dataArr, title) {
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(function() { drawChart(dataArr, title) });
function drawChart(dataArr, titl
浏览 1提问于2012-11-22得票数 1
回答已采纳
我有一个来自chart.js的线形图。我想删除最后一个点，但是对于折线图，removeData()方法没有参数，而对于极线图，它支持removeData(atIndex)。因此，对于折线图，默认情况下removeData()只删除第一个点。
如何在不先删除所有数据的情况下只删除最后一个点？
浏览 1提问于2016-03-18得票数 0
我正在使用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
1回答
所以我想要显示一个折线图，当数值低于30或高于200时，它会变成红色，而介于两者之间的值会变成灰色。我很难让它改变颜色。它只是用灰色显示图表上的点，我是chart.js的新手，所以任何建议都是有帮助的！我不知道为什么，但更新图表似乎没有更新。
data: {
labels: ['7/31/2018', '11/7/2018', '2/11/2019', '4/3/2019', '5/11/2019', '7/18/2019', 'extra', 'extra'],
浏览 11提问于2019-10-21得票数 0
1回答
我在jqPlot图表中有一系列的折线图。我想要做的是关闭所有图形的高亮显示，除了一个我想要高亮显示的图形。我该怎么做呢？
浏览 1提问于2010-06-09得票数 5
回答已采纳
在Angular NVD3的“实时编辑”区域运行此示例。
根据文档，您需要添加以下代码来隐藏x和y轴。
showXAxis: false,
showYAxis: false,
您可以将其添加到第19行之后(在-> app.js中)
但是，除了堆积面积图之外，其他图表也是如此。我已经在折线图、填充折线图、条形图上尝试过了。
等待回复。
浏览 3提问于2017-04-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
