1回答
如何使条子在图表js中破折号？
、、、、
大家好，大家好，我刚开始画JS，我需要把条子弄得乱七八糟。我正在使用版本"chart.js"："^3.7.0“，
我要我的酒吧看起来像
浏览 3提问于2022-05-29得票数 -1
我有一个有很多点要画的线状图
我希望x轴可以滚动。
我已经看过很少的了，但是他们提供了图表js的旧版本的解决方案。
有在chart.js版本2中获得可滚动x轴的选项吗？
和
如何在chart.js版本2中获得y轴的内容宽度？
如果没有获得滚动x轴的直接选项，我可以复制Y轴区域的内容，并在其他画布中绘制图像。
浏览 5提问于2016-06-29得票数 3
1回答
我正在创建一个应用程序，您可以在其中创建流程图(图表)。然后我分析这个算法，我正在用Chart.js创建一个图表，其中x轴是输入的数量/输入的大小，y轴是程序所采取的步骤数。我需要在Chart.js中绘制以下数学函数：
f(x) = x, f(x) = x^2, f(x) = x*log(x).
这就是我要画的算法的复杂性..。顺便说一下，我正在使用typescript。有可能吗？
浏览 4提问于2016-10-17得票数 8
回答已采纳
标题说明了一切:我正在使用chart.js，并且我的系统中有一个动态条形图，当我单击条形图时，我需要打开一个报告。这有可能吗？
提示:该图表是一个html5画布。
浏览 2提问于2015-11-27得票数 0
4回答
我想更改由chart.js生成的折线图的背景颜色。对于这一点似乎没有选择，文档也没有帮助。在互联网上进行广泛的搜索没有得到任何结果。这个是可能的吗？
我必须承认我对HTML5画布了解不多，所以我有点挣扎！
浏览 2提问于2016-05-11得票数 8
4回答
我用chart.js绘制了一张线图。对于标签和数据集，我从数据库中获取值。我对chart.js及其强大的库非常陌生，但我无法完全理解它。我想画倍数的水平线。就像数据集的平均值，标准差，最小和最大。我在这里尝试过堆叠式的问题，但这些都是错误的，或者我可能无法理解工作。这是我的chart.js代码
function display_graph(id, label, data) {
var ctx = document.getElementById(id);
var data = {
labels: data.labels,
datasets: [
{
浏览 4提问于2017-03-09得票数 42
回答已采纳
1回答
我正在从一个JSON文件创建一个Chart.js ()。
但我是用"checkbox“这样做的，这个想法是点击desire元素，它将在同一画布中显示不同的数据。
我想我几乎有，但我有一个问题，当我想要保存的数据。正如你在这里看到的，使用console.log我可以通过循环看到数据，这很好，但是当它试图将数据保存到数据对象中时，这是错误的。
chart.js:25 CSN08101
chart.js:26 rgba(255, 99, 132, 0.2)
chart.js:27 rgba(255,99,132,1)
chart.js:25 CSN08112
chart.js:26 rgb
浏览 0提问于2017-03-31得票数 0
我在试着画一个线条加条形图。每当我尝试绘制折线图时(我尝试只绘制折线图，同样的错误)，在第一个点之前绘制一条线：
这是我第一次尝试Chart.js 2.0，我画的其他图表看起来都很棒，除了这个...有什么想法吗？
代码：
function Data() {
$scope.barChartData = {
labels: $scope.mesesLabels,
datasets: [
{
type: 'bar',
label: "" +
浏览 3提问于2016-07-28得票数 0
我是如此的倾斜，如此的倾斜。在我和Django一起创建的网站上，我尝试了一段时间的chart.js工作。我想画两个字段:日期和分数。日期是一个日期，如1/6/2022，分数是浮动。我的问题是，当我把python列表传递给脚本时，它假装它很恶心。但是，当我复制并通过列表，并将其放入图表的数据时，就没问题了。只有当它认为它是一个完全没有意义的变量时，它才不起作用，而我在任何地方都找不到它在谈论这个问题。
views.py
def progress(response):
lessons = StudentLessons.objects.get(name=response.user.emai
浏览 4提问于2022-09-27得票数 0
回答已采纳
作为测试，我已经把下面的解决方案拼凑在一起了，但是下面的内容我就想不起来了。
components文件夹中的 Chart.js中的this.options和this.chartData分别为未定义和空。
1. The chart still draws chartRender(this.chartData,this.options) but all the options are ignored....and just discovered I don't even need(chartRender) this? odd... why don't I need this?
浏览 23提问于2019-05-27得票数 -1
2回答
这是我的table_start on MySQL数据库：
+--------+---------+-----------+
| userID | userTfc | userCount |
+--------+---------+-----------+
| 11655 | SN10 | 45 |
| 11655 | SN16 | 80 |
| 11655 | SN24 | 796 |
| 11655 | SN35 | 56 |
+--------+---------+-----------+
我需要在这种模
浏览 2提问于2017-09-01得票数 0
回答已采纳
1回答
我试着画平均价格注释，但什么也没发生..价格条也被画出来了，但是，注释没有发生任何变化。另外，我检查了控制台，没有错误或警告 const Chart = require("chart.js");
const ctx = document.querySelector("#canvas").getContext("2d");
new Chart(ctx, {
type: 'bar',
data: {
labels: ["iPhone", "Samsung",
浏览 51提问于2019-03-03得票数 0
回答已采纳
如果可能，是否有人可以给我一个示例，说明如何将一个或多个柱添加到属于现有柱族的现有柱中？我知道如何将柱添加到柱族中。 谢谢。
浏览 17提问于2019-02-20得票数 1
回答已采纳
1回答
我正在使用chart.js折线图为我的资源使用数据显示一些图表，例如，在特定时间段中，时间段可能会发生变化，如持续一天、持续一周、持续一个月等等。我使用的是折线图，代码如下。
基本上，我希望我的画布根据我的下拉列表中选择的时间段来调整大小。例如，如果我选择1天，画布应该缩小到显示一天的数据，我的意思是如果我必须显示一个月的数据，我的画布的宽度应该是100% (数据应该在整个画布中显示)，一周画布应该缩小到整个画布的25% (数据应该在画布的25%中显示)，一天的宽度应该是画布的10%。
如果有人知道如何使用chart.js来实现这一点，将会很有帮助
var myData ={ labels:
浏览 0提问于2016-06-16得票数 0
1回答
我正在尝试更改蓝色图形的填充值，此处为0。例如，我希望将其设置为5，但对于绿色图形，我希望将此值保持为0。
这是我目前的图表：
这是我用来画这张图的数据：
var data = {
labels : arrayLabels,
datasets:[
{
label: "CA",
backgroundColor: "rgba(26,179,148,0.1)",
borderColor: "rgba(26,179,148,0.7)",
pointBackgro
浏览 0提问于2017-05-18得票数 0
我使用chart.js v2库绘制图表。我试着设定一条零线，但不起作用。我需要在下面的截图上画两条线。可以用一些造型选项来画吗？
var options = {
type: 'scatter',
data: {
datasets: [{
data: [{
x: 20,
y: 1
},
{
x: 21,
y: 1.1
},
{
x: 23,
y: 1.4
浏览 4提问于2022-05-12得票数 0
回答已采纳
我使用一个250x250画布元素来显示一个用charts.js生成的char，但是它比我设置的更大，是不是遗漏了一些配置?这段代码主要是官方文档的例子，但我不能设置大小。
<div class="row">
<div class="card chart-card">
<div class="card-header">
Estadísticas
</div>
<div clas
浏览 1提问于2019-09-25得票数 0
回答已采纳
我有一个包含多个数据集的气泡图。两个不同数据集的两个点可能具有相同的坐标(x和y-值)，并且位于图表中相同的位置。由于点的显示顺序是根据数据集的顺序来确定的，所以较小的点可以完全被前面较大的点所覆盖。
是否有一种选项或方法，按照气泡大小的顺序显示这些点？
四点的简化例子。该解决方案还必须适用于每个30+点的多个数据集。我正在寻找一个解决方案，在红色点的前面画蓝色点，左对画蓝色点，然后让右边的点保持原样。此顺序必须独立于数据集的顺序，因为它是每个点，而不是每个数据集。
对数据集进行排序对我来说似乎是没有选择的，因为顺序不能根据数据集来确定，而是必须为每个坐标/点确定。在绘制点时，必须检查是否存在
浏览 2提问于2021-04-27得票数 1
1回答
我在用高图法画样条。这个很好用。我对另一个数据使用次要系列(列)。我的问题是:如何设置与样条匹配的列高。
到目前为止，我已经这样做了：
柱子的高度我几乎需要，但不是全部。
有可能吗？
相关守则：
$('#chart').highcharts({
title: {text: 'Chart'},
chart: {
type: 'spline'
},
xAxis: {
title: {
text: 'X-Axis'
}
},
浏览 3提问于2014-09-22得票数 2
回答已采纳
我对wordpress很感兴趣，并且设置了一个自定义的帖子类型(称为products & custom taxonomy，称为product_category)，我想做以下事情
我将有一个名为目录的页面，并希望显示所有的类别/子类别和产品下的子类别在一个页面上。
然而，我不确定的代码，以它。
获取所有类别并回显标题，对于每个父类别，子类别回应子类别，其他产品仅回显父类别和产品。
类别1(回声家长材料)子类别1(回音子类别材料)柱1(回声柱材料)柱2子类别2柱1柱2
类别2子类别1职位1职位2
类别3子类别1职位1职位2
浏览 2提问于2014-07-08得票数 0
2回答
我有一个多边形和表示穿过该多边形的承重梁的线条。我应该如何将多边形划分为每个梁负责的支流区域？
编辑:支流区域是将其载荷传递到特定支承构件的区域。支流区域通常表示支撑元件周围到下一个支撑元件的一半的面积。例如，如果两个柱相距8英尺，则4英尺将其荷载传递给一个柱，而将另一个柱的荷载传递给另一个柱。
编辑2:在下图中，可以看到由柱支撑的梁。此外，您还可以看到标记支流区域的红线，支流区域位于边缘和梁之间的中间。
浏览 1提问于2012-01-11得票数 0
这是我的第一个问题。如有任何错误，敬请谅解。
我正在尝试使用PHP和MySQL数据的chart.js来绘制图表。我打算画的图表是一个简单的垂直条形图，birth_year与出生人口数量的关系。当我显示数组$BIRTH_YEAR和$COUNTS时，我可以看到这些值。直到json_encode($data_array)，我才能谈到重点。当我尝试在javascript上使用这个编码的数组时，我没有得到任何输出，一个空白页面！这是我的代码。
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
$data[] = array(
$ro
浏览 0提问于2013-08-01得票数 6
回答已采纳
我正在使用编写测试，它使用chart.js创建了一个线条图。当我运行测试时，我会出错。
ReferenceError:未定义ResizeObserver
[ 290 ]\x} 291 \ ngAfterViewInit() {> 292 \ this.chart =新图表(this.chartRef.nativeElement，this.chartConfig)；{ at (../../../node_modules/chart.js/dist/chart.js:2428:20) at DomPlatform.addEventListener (../../../node_module
浏览 8提问于2021-08-06得票数 10
回答已采纳
我正在使用Chart.js。当我使用设定值时，图表显示正确。但是，当我使用变量时，图表不会显示，并且控制台中出现错误。我不理解错误消息。 图表如下： function showChart(chartName, xAxis, yAxis){
alert("chartName: " + chartName);
alert("xAxis: " + xAxis);
alert("yAxis: " + yAxis);
//Charts
//Select the chart element
const ctx
浏览 105提问于2021-07-05得票数 0
1回答
我正在使用chart.js绘制线图。而目前有一种需要是画三条不同的线。它们有相同的y轴数据集，但x轴数据集是不同的.像这样：
y-axis datasets: [2,4,6,8,10]
x-axis1 datasets: [1,2,3,4,5]
x-axis2 datasets: [5,6,7,8,9]
x-axis3 datasets: [8,9,10,12,14]
我想要的x轴范围是1到14。并显示它们的每个数据集的真实值。
然而，我研究并发现了xAxisID使用不同的x轴标签的方法，但这样，x轴2和x轴3仍然使用1,2,3,4,5作为x轴数据集。
有谁知道我怎么做到的吗？
浏览 4提问于2022-05-30得票数 2
回答已采纳
1回答
我想在我的joomla组件"bestia“中使用。为此，我将chart.js作为媒体元素导入到manifest.xml中。
我通过以下操作调用js：
JHtml::script(Juri::root() . 'media/com_hostinghelden/chartjs/Chart.js');
现在我想用一个帮手把事情缩短一点。我的助手应该画个图..。
abstract class JHtmlGraphs
{
public function draw($title = NULL, $labelset = NULL, $data = NULL, $data2
浏览 6提问于2014-07-15得票数 3
回答已采纳
1回答
当人们建立“圣杯”网站设计时，使用的是带有固定宽度柱、流体宽度柱和另一个固定宽度柱的挠曲盒，他们似乎想要所有栏目的高度相等。如果我想要这三个人的流体高度，使他们只和他们里面的内容一样高呢？我怎样才能做到这一点？
浏览 2提问于2015-01-11得票数 2
回答已采纳
1回答
我正在创建一个棋盘游戏，是基于棋盘。为了制作棋盘游戏，我做了这样的事情：
想象一下，一个国际象棋棋盘分为8列白色方块和方块。
我创建了一个XIB来表示偶数列。XIB是白色和黑色方格的垂直UIStackView。
我创建了第二个XIB来表示奇数列。XIB是黑白UIStackView的垂直squares.column。
在故事板上，我创建板视图并添加这些列，偶数、奇数、奇数等等，以表示完整的板，8列，每个列有8个正方形。所以我有这个：
BOARD VIEW├─偶数柱垂直UISTACKVIEW与8垂直方格├─奇数柱垂直UISTACKVIEW与8垂直方格├─偶数柱垂直UIST
浏览 7提问于2017-05-18得票数 0
回答已采纳
有没有人能建议我如何区分过滤后的Telerik网格柱和其他柱。这意味着我可以提供不同的配色方案来区分已过滤的列。
谢谢
浏览 0提问于2013-02-07得票数 1
角图:误差ReferenceError: UIChart.initChart (chart.js:53)中没有定义图表
进口：
"../node_modules/chart.js/dist/Chart.js",
"../node_modules/chart.js/dist/Chart.bundle.js",
"../node_modules/chart.js/dist/Chart.min.js",
"../node_modules/chart.js/dist/Chart.bundle.min.js"
import { Ch
浏览 0提问于2018-11-12得票数 7
回答已采纳
我得到了这个错误： ERROR RangeError: Maximum call stack size exceeded
at ChartElement.update (Chart.js:11474)
at fitBoxes (Chart.js:7127)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
浏览 23提问于2020-07-25得票数 1
回答已采纳
在后台代码中向网格添加列很容易：
col10 = new ColumnDefinition();
col10.SharedSizeGroup = "column1";
当您添加它添加到轴网末端的柱时，例如，您有一个包含柱A和B的轴网，您使用上面的代码和一个新的柱( C )，它被添加为A B C。
可以这样设置吗？
C A B
而不是添加到末尾，它添加到前面？
谢谢
浏览 0提问于2012-07-14得票数 1
回答已采纳
1回答
如果C柱是"Dry“和"Water”，如果载体是"Maersk“和"Lloyd”，我需要将这些单元(柱)A和B合并。提前谢谢你！
Excel文件中的示例数据：
浏览 0提问于2017-03-22得票数 0
我正在做我的第一个Cordova项目，并尝试使用Chart.js。文档指出，Chart.js应该包含如下内容：
<script src="Chart.js"></script>
<script>
var myChart = new Chart({...})
</script>
我使用bower安装库，它现在位于www/lib/chart.js下。当我加载Chart.js或lib/chart.js时，Chrome会给我Failed to load resource: the server responded with a s
浏览 6提问于2017-02-01得票数 4
我正在工作的角度6项目，我想要创建一些图表使用chart.js。
我使用npm安装了chart.js，它的版本类似于3.5.1。我的TypeScript版本类似于2.9.0。
因此，当我尝试服务时。
node_modules/chart.js/types/animation.d.ts(20,37): error TS1005: ',' expected.
node_modules/chart.js/types/animation.d.ts(20,46): error TS1005: ',' expected.
node_modules/chart.js/type
浏览 0提问于2021-08-30得票数 3
回答已采纳
1回答
我对chart.js和HTML5画布很陌生，但我能把一些东西拼凑起来。
我现在需要做的是能够根据窗口的宽度更改xAxes.display。我假设这涉及到scales.xAxes.display项中的一个scales.xAxes.display，但我不确定如何实现。有什么建议，我可以找到更多的信息，如何做到这一点？
var allTimeAll = $("#my-chart");
var allTimeAllChart = new Chart(allTimeAll, {
type: 'bar',
data: {
labels: ['1&
浏览 0提问于2016-11-30得票数 1
回答已采纳
1回答
在Chart.js线图上可以画虚线吗？然后把图表做得很宽？见附件模型。
这是我当前的代码(只是简单的例子)：
var ctx = document.getElementById("main-line-chart").getContext("2d");
var line = ctx.setLineDash([5, 15]);
var gradient = ctx.createLinearGradient(0, 0, 0, 300);
gradient.addColorStop(0, 'rgba(40,175,25
浏览 2提问于2015-10-03得票数 5
2回答
使用chart.js 2.5.0和webpack 2.2.1，最小化后的束数为357 K。我尝试过各种选择，但似乎没什么大不了的。
使用这些文件：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello webpack</title>
</head>
<body>
<div id="root"></div
浏览 4提问于2017-02-15得票数 1
3回答
例如：
公寓中的101柱
祖祖杜尔加国际酒店
云咸花园新鲜草场
需要对上面的内容进行排序，
101支柱公寓
杜尔加国际酒店
鲜园草甸
浏览 7提问于2018-01-05得票数 0
回答已采纳
1回答
帮我解决这个问题:(如何解决这个问题？)
根据裁剪(质量)标准对数据进行聚类，在柱克拉上用标准差函数进行聚类，在柱价格上按最大值和最小值函数进行聚类。
浏览 5提问于2022-08-18得票数 0
回答已采纳
1回答
我使用PrimeFaces3.2，我有一个场景，需要在datatable中提供一个更改属性/列值的总行。Primefaces有子表和和特性，它们实际上使用排序，因此改变了数据的顺序，我不需要这些。我不需要整理。datatable中的数据已经按一定顺序排列，我希望在属性级别中断时进行汇总。请参见下面的示例，其中我希望更改列F时的列(属性H)的总数。是否可以用子表来完成，那么我遗漏了什么。如果我需要手动插入我的小计，那么我正在寻找一些代码示例。我的数据表列表是在表上运行查询创建的。
由于下面显示的数据不是真正可读的，所以只想解释一下。F栏包含值"C“或"D”，H栏包含金额。我希望在
浏览 2提问于2012-04-11得票数 0
我正在尝试导入像popper、jquery和chart.js这样的库，以便在angular项目中使用。 我已经使用cli下载了它们，并在我的index.html和angular.json文件中引用了它们。 index.html <head>
...
<script src="node_modules/chart.js/dist/Chart.js"></script>
</head> angular.json ...
"styles": [
"node_modules/boots
浏览 15提问于2019-09-06得票数 0
回答已采纳
1回答
我想要创建一个水平BarChart。数据范围为0到20或0到-20。数据的标签应该始终位于条形图的另一边。我还需要更多的文字在左和右。
这幅画应该清楚地表明：
我想用Chart.js来做。
编辑：
这是我使用Chart.js的方法：
var ctx = document.getElementById("myChart");
var chartStatus = Chart.getChart("myChart");
if (chartStatus != undefined) {
chartStatus.destroy();
}
var myChart =
浏览 1提问于2022-04-14得票数 -1
我正在尝试将图表包含到我的Ionic应用程序中，但遇到错误。我已经将angular.js文件夹和chart.js文件夹下载到我的lib文件夹中，并在index.html中添加了以下行：
<script src="lib/angular-chart.js/dist/angular-chart.js"></script>
<script src="lib/chart.js/dist/Chart.js"></script>
<script src="lib/angular-chart.js/dist/ang
浏览 11提问于2016-07-04得票数 4
回答已采纳
我正在尝试将Chart.js与node.js结合使用。我从以下git源代码下载了Chart.js：并使用php进行了测试，一切都很顺利。
现在我正在与node.js合作，但我有一个问题：
资源被解释为脚本，但使用MIME类型text/html传输："url/Chart.js/Chart.js“localhost/:3 Uncaught :意外令牌< /Chart.js/Chart.js:1
debug.html
<html><head>
<script src="Chart.js/Chart.js"></scr
浏览 1提问于2014-01-29得票数 2
回答已采纳
我有一个非常简单的webpack项目使用超文本标记语言插件从一个单一的js文件条目生成一个Html文件。
我用"npm install c3“安装了c3
chart.js
import * as c3 from "c3";
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20,
浏览 0提问于2020-01-21得票数 1
我想在aurelia项目中使用chart.js，但我遇到了错误。如何将第三方节点包添加到aurelia应用程序中？
我在用奥雷利亚-克莱，BTW
以下是我所做的
npm install --save chart.js
在aurelia.json中，我添加了以下内容
"dependencies": [
...,
{
"name": "chart.js",
"path": "../node_modules/chart.js/dist",
"main": "Char
浏览 2提问于2016-12-12得票数 9
回答已采纳
1回答
我最近正在学习基于hbase的apache phoenix。我在凤凰城创建表格。在这里，我发现phoenix并没有创建多个柱族，而是使用名称为'0‘的单个柱族。这是否会影响hbase的性能？
浏览 2提问于2016-04-22得票数 0
我使用Chart.js(新版本)作为：
<script src="~/Plugin/Chart.js/src/chart.js"></script>
但是当我用铬演示时，我会得到一个错误：
chart.js:4 Uncaught ReferenceError: require is not defined
浏览 13提问于2016-07-04得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
