在悬停和超出边界的情况下,如何停止调整chart.js的大小?

铁木金花

我在chartJs上有一个示例。将鼠标悬停在图表上时,会出现两行。

var data_set = [{x: 1, y: 12}, {x: 2, y: 3}, {x: 3, y: 2}, {x: 4, y: 1}, {x: 5, y: 8}, {x: 6, y: 8}, {x: 7, y: 2}, {x: 8, y: 2}, {x: 9, y: 3}, {x: 10, y: 5}, {x: 11, y: 11}, {x: 12, y: 1}];
   //draw lines on yAxis.
    addLine(3.5);
    addLine(7);

在此示例中y,data_set的坐标不在addLines的下面。但是当我将data_set的第一个索引更改为y:12toy:1并像这样绘制线时addLine(11.5),图表会重新缩放以使其始终在边界内。我想破坏这种行为。我从不希望它成为重新调整悬停状态。该怎么做?

小提琴上的示例:https : //jsfiddle.net/ckhf0q9g/

无情的

你搞砸了轴刻度。这些标尺可以正常工作:

    scales: {
    xAxes: [{
      id: 'x-axis',
      type: 'linear',
      position: 'bottom',
      ticks: {
        stepSize: 1,
        callback: function(value, index, values) {
          return data.labels[index];
        }
      }
    }],
    yAxes: [{
      id: 'y-axis',
      type: 'linear',
      ticks: {
        max: 12,
        min: 1,
        stepSize: 1,
      }
    }],
  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在不调整大小的情况下正确显示超出屏幕边界的旋转视图

如何在不调整大小和不修改颜色的情况下查看此适合图像?

Chart.js-鼠标悬停会导致图形闪烁和调整大小

CSS / JS调整大小以适合图像大小

在不停止 stackView 自动调整大小的情况下对齐图像视图

如何在不调整和覆盖整页容器的情况下,使 Woocommerce 品牌页面标题图像以真实大小显示?

Chart.js画布调整大小

Fabric.js如何在不拉伸文本的情况下水平调整IText的大小

JS 打破窗口调整大小

如何让React Chart.js使用窗口调整大小

在不降低质量的情况下裁剪和调整一组图像的大小

JS数组内部如何调整大小?

如何使用js调整pdf大小

如何调整精灵 pixi.js 的大小

Three.js – 如何在不调整渲染器或缩放内容的情况下调整画布大小?

Android:如何在不调整图像大小的情况下以编程方式更改 ImageView 的宽度?

如何在不调整大小的情况下使SVG图像的视口方形化?

如何在不每次加载URL的情况下从JPanel调整子级WebView / JFXPanel的大小?

如何在包含滚动的情况下基于调整大小来更改div高度

如何在不拉伸或挤压它们的情况下重新调整 Div 的大小?

如何在没有 CSS 的情况下通过更改 SVG 来调整 SVG 的大小

如何在不移动扩展分区的情况下向左调整大小?

如何在不调整浏览器大小的情况下创建“滑入”动画?

为什么在冲突或最坏情况下HashMap调整大小

IMAPI:如果图像大小超出可用空间,如何在不引发异常的情况下获取图像大小?

React / DC.js-调整图表大小(基于窗口大小)

在给定目标大小的情况下,如何在python中调整图像大小的同时保持宽高比?

Node.js Elasticsearch分页的大小和大小

如何在React.js中调整Chart.JS元素的大小?