当前位置: 首页 > 知识库问答 >
问题:

跳过折线图上的x标签

赫连睿
2023-03-14

我需要用1整年的数据制作一个图表,但是它有太多的x标签。

我这样做是为了删除一些:

var labels= []

for(var i = 0; i< 360;i++) {
  labels.push(i%30 == 0 ? "":i);
}

这在一段时间内运行良好,但现在我需要<code>工具提示

我正在使用angularJsChartJs

共有1个答案

逑衡
2023-03-14

如果没有为x轴的刻度指定<code>autoSkip:false

 xAxes: [{
     ticks: {
         autoSkip: false,
         fontSize: 11,
         ...
     }
 }]
 类似资料:
  • 如果你曾经上过科学课,你可能对根据一套实验数据生成折线图比较熟悉。在反映数据趋势时,折线图可能是最有用的数据可视化工具之一。本节,我们将创建一个可配置的折线图,它接受一个数据元素的数组,并在使用线段连接每个点的过程中,标记每个点。 图7-4 通过折线图标注数据点 操作步骤 按照以下步骤,创建一个Line Chart类,它能够根据一个数据的数组自动定位并设置折线图的尺寸: 1. 定义LineChar

  • 1)如何使用chart.js在折线图的X轴上只显示第一个、中间和最后一个或者只显示第一个和最后一个标签(日期)? 2) 此外,如果可能,我只想显示特定数量的垂直网格线。 代码: 折线图图像

  • 基本折线图 <template> <ve-line :data="chartData" :settings="chartSettings"></ve-line> </template> <script> export default { data () { this.chartSettings = {} return { chartData: { columns: ['日期',

  • 实时显示传感器数据。 用法 Your browser does not support the video tag. 案例:数据变化趋势 功能:显示数字改变的规律

  • 我使用的是chart.bundle.min.js 2.3.0。

  • 我使用MPAndroid图表库绘制折线图,我在LineChart上设置动态数据,但有时我在某些索引上获得值为0.0的数据,我不想在任何索引上显示0.0的值。如何跳过值为0.0的索引。 但我想买些这样的东西 对此有什么想法吗? 谢谢