javascript - 在 ChartJS 上仅显示整个单位-6ren

javascript - 在 ChartJS 上仅显示整个单位

转载作者：行者123 更新时间：2023-12-02 15:21:28

25

4

我今天正在制作一个图表 - 来测试它 - 我在想是否可以在图表一侧仅显示整个单位？ (如 1 2 3 4 5 6 7 8 9 等等...)我正在使用 ChartJS

这是一个屏幕:

(单位位于左侧，靠近“值”)

PS:请原谅我的英语不好，我是法国人。

最佳答案

我也有这个问题，但是当我查看chartjs的代码时，我可以理解发生了什么，发生这种情况是因为数据集中的最小值和最大值只有在数据集有大于1的值时才会显示在1之间只是整数部分，请参阅代码片段:

var lineChartData1 = {
    "datasets": [{
        "data": [
            "0.5",
            "0.2",
            "0.9",
            "0.4",
            "0.3",
            "0.2",
            "0.5",
            "0.7",
            "0.5",
            "1"],
            "pointStrokeColor": "#fff",
            "fillColor": "rgba(155,220,220,0.5)",
            "pointColor": "rgba(155,220,220,1)",
            "strokeColor": "rgba(155,220,220,1)"
    }],
        "labels": [
        "2013-01-01",
        "2013-01-04",
        "2013-01-15",
        "2013-02-03",
        "2013-03-25",
        "2013-04-03",
        "2013-04-14",
        "2013-05-27",
        "2013-05-27",
        "2013-08-03"]
};

var lineChartData2 = {
    "datasets": [{
        "data": [
            "0.5",
            "0.2",
            "3",
            "0.4",
            "0.3",
            "2.2",
            "2",
            "0.7",
            "0.5",
            "1"],
            "pointStrokeColor": "#fff",
            "fillColor": "rgba(155,100,220,0.5)",
            "pointColor": "rgba(155,100,220,1)",
            "strokeColor": "rgba(155,100,220,1)"
    }],
        "labels": [
        "2013-01-01",
        "2013-01-04",
        "2013-01-15",
        "2013-02-03",
        "2013-03-25",
        "2013-04-03",
        "2013-04-14",
        "2013-05-27",
        "2013-05-27",
        "2013-08-03"]
};


var myLine = new Chart(document.getElementById("canvas1").getContext("2d")).Line(lineChartData1);
var myLine2 = new Chart(document.getElementById("canvas2").getContext("2d")).Line(lineChartData2);

<script src="http://www.chartjs.org/assets/Chart.js"></script>

<body>
    <div>
      <h3>Only one Integer</h3>
      <canvas id="canvas1" height="200" width="400"></canvas>
    </div>
    <div>
      <h3>More then one Integer</h3>
      <canvas id="canvas2" height="200" width="400"></canvas>  
    </div>
</body>

希望对你有用。

关于javascript - 在 ChartJS 上仅显示整个单位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34005757/

25

4

0

文章推荐： javascript - 单击按钮但程序崩溃 selenium webdriver

文章推荐： excel - 如何重新加载Excel自定义函数？

文章推荐： data.table join 中的 Rcpp 函数

文章推荐： javascript - 如何使用react/flux设置回调

SQL:总和(单位)表a减去总和(单位)表b
我有 2 张 table ； item_in(item_id,unit) item_out(item_id,unit) 现在假设我想知道为每个项目插入了多少个单元，我只是查询 select sum(u
youtube - Youtube 数据配额限制为 10k 单位/天/应用程序，还是 10k 单位/天/用户？
API 浏览器中有 3 个速率限制类别: 如果我使用 Youtube 数据 API(其中跟随 implicit OAuth grant flow)创建客户端 Web 应用程序，我是否仍被限制为总共 1
sql - ST_SnapToGrid 单位
我正在使用一个 postgresql 表，该表包含许多带有 GEOMETRY(Point, 4326) 的行。使用 ST_SnapToGrid 函数和 DISTINCT 选择，我只根据显示的 map
c++ - 单位;试图编译类来测试
我对 C++ 和 Cppunit 都很陌生。我正在尝试编译一个小的 cppunit 测试。但是，我没有成功。 qwerty@qwerty:~/chessgame/src$ g++ -Wall Coor
元素大小的 CSS Rem 单位
我注意到 REM 单位可用于元素的大小，而不仅仅是字体大小。并且对 HTML 字体大小属性非常有用。 html { font-size:1vw } @media all and (max-width:
python - 匀称的线串 .length 单位
我试图在 Shapely 中找到线串的长度(以米为单位)，但似乎无法达到预期的结果。几乎可以肯定我在坐标系方面犯了一些错误，但我无法弄清楚。这是单行的一些简化代码: from shapely.geo
R 圆形包计算线性平均值而不是圆形平均值，单位 = "hours"
对于大量的物种数据集，我试图计算给定月份集的圆形平均值，例如对于从 3 月到 7 月开花的物种，我想知道开花的平均月份(即 5 月)，以及围绕平均值的方差。给定月份是循环的，因此 12 月到 2 月
iphone - 您还应该在单元测试中进行内存管理吗？ (OC 单位)
我还应该在单元测试中释放对象吗？我注意到在Apple的“iPhoneUnitTests”示例项目中，设置方法中的对象是[[object alloc] init]，但从未在单元测试中的任何地方发布？
xcode - OpenGL 中的精度/单位
我目前正在使用 OpenGL 进行开发，并使用米作为我自己的单位，即 20 厘米宽的三角形为 0.2。然而 OpenGL 似乎对这些数字进行了舍入，最终的形状并不完全符合我的意愿。这在 OpenGL
math - 进行信号频谱分析时的傅立叶变换 (FFT) 单位
我的问题与对信号进行频谱分析或将信号放入 FFT 并使用合适的数值包解释结果的物理意义有关，具体: 获取一个信号，例如时变电压 v(t) 将其放入 FFT 中(您将得到复数序列) 现在取模 (abs
Fabricjs 文本对象 fontSize 单位
在深入研究代码后，我意识到 Fabricjs Text 对象的 fontSize 是在 PIXELS 中测量的。在我的项目中，有时我需要使用点而不是像素。当指定单位时，我只在代码中找到一个位置，此片
mongodb mongoose maxDistance 单位
在我的应用程序中，我尝试使用，RentModel.find({prop_location : { $near : [msg.lat, msg.lng],$maxDistance : 500}}，函数(
libgdx: scene2d + box2d - 单位
我正在开发我的第一个 LibGdx (Scene2d + Box2d) 游戏，这对我来说是一个全新的领域，但仍然对一些事情感到有点困惑，尤其是关于单位。已经看到了几种不同的处理方法，但仍然不确定哪种方
给定年份的 MySQL 单位/订单分布
我正在寻找一个 MySQL 查询(子查询很好)，它将以下列格式获取过去一年中每个订单的单位分布: units_per_order | number_of_orders |
javascript - 带有数字格式(单位)的图表
我正在使用 Highcharts生成折线图。我遇到了 numberFormat 的问题: var test = 15975000; numberFormat(test, 0,',','.'); 结果
c++ - 用户定义的类型 - 单位、转换
我正在尝试创建一些用户定义的类型来表示单位，以便我可以强类型化函数参数。例如，长度为毫米，速度为毫米每秒，加速度为毫米每秒等。到目前为止我已经这样做了: template struct Value
testing - 最低精度的 ULP 单位
谁能解释一下最低精度的 ULP 单位？我有如下定义，但还是不清楚 “表示分数时的误差大小与存储的数字大小成正比。ULP 或最小精度单位定义了存储数字时可以获得的最大误差。存储的数字越大，ULP 越大”
html - 为每个图像应用固定的 px 单位
我有一张卡片图像，我需要重复它 30 次，每次我想申请一张特定卡片的左侧位置时，它会与卡片重叠，然后再停留在一副牌的位置上。问题是，当我将左侧位置应用于图像卡片时，它会将相同的左侧位置应用于所有卡片
javascript - 更改滚动间隔/单位/像素
有没有办法用php代码更改每个滚动条的大小。说明：当我向下滚动时，它会下降x（50~）像素，我想将x改为20。编辑：这是我的代码。。。 Excel "; $i=1; wh
c++ - 四舍五入到 100 单位
我不知道下面的想法是否可行或不能概括它，但我想将每个计算值四舍五入到 100 单位四舍五入。例子: double x; int x_final; ... if (x<400) x_final=400

首页

博学

6Ren·AI

商城

javascript - 在 ChartJS 上仅显示整个单位