javascript - LineWidth 不改变谷歌图表-6ren

javascript - LineWidth 不改变谷歌图表

转载作者：行者123 更新时间：2023-11-29 21:12:54

25

4

如何更改此代码以使 lineWidth 正常工作？

<html>
<head>
  <!--Load the AJAX API-->
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
  <table>
    <tr>
      <td>k: </td>
      <td><input id="k" type="number" value="2.2" min="0" max="10" step="0.1" /></td>
    </tr>
    <tr>
      <td>lambda: </td>
      <td><input id="lambda" type="number" value="7.6" min="0" max="10" step="0.1" /></td>
    </tr>
  </table>

  <p id="message"> </p>
  <div id="chart_weights"></div>

  <script type="text/javascript">
    google.charts.load('current', {
      'packages': ['line']
    }); // load the visualisation API and corechart package
    google.charts.setOnLoadCallback(UpdateValues); // set a callback to run when the Google Visualization API is loaded

    // Callback that creates and populates a data table, instantiates the chart, passes in the data and draws it.
    function drawChart() {
      if (!google.visualization) {
        return;
      }
      // Create the data table for the symbol in question.
      var data = new google.visualization.DataTable();

      data.addColumn('number', '');
      data.addColumn('number', 'lambda');

      data.addRows(weight);
      var options = {
        lineWidth: 10,
        width: 550,
        height: 288,
        legend: {
          position: 'none'
        },
        colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f',
          '#f6c7b6'
        ]
      };
      //data.addRows(number);
      //console.log(type(data));

      var chart = new google.charts.Line(document.getElementById(
        'chart_weights'));
      chart.draw(data, options);
    }

    var weight = [];

    function UpdateValues() {
      weight = [];
      var k = document.getElementById("k").value;
      var lambda = document.getElementById("lambda").value;
      for (var x = 0.1; x < 20; x++) {
        weight.push([x, k * Math.pow(x / lambda, k - 1) * Math.exp(-
          Math.pow(x / lambda, k)) / lambda]);
        document.getElementById("message").innerHTML = weight;
      }
      drawChart();
    }

    UpdateValues();

    document.getElementById("k").addEventListener("click", function () {
      UpdateValues();
    });

    document.getElementById("lambda").addEventListener("click", function () {
      UpdateValues();
    });

  </script>
</body>

</html>

最佳答案

正在绘制的图表是Material图表

google.charts.Line --> 'packages': ['line']

有很多选项在 Material 图表上根本不起作用
包括 lineWidth

看到这个问题--> Tracking Issue for Material Chart Feature Parity #2143

改用核心图表

google.visualization.LineChart --> 'packages': ['corechart']

有一个选项可以更改Core 图表的外观，使其与Material

主题:'material'

关于javascript - LineWidth 不改变谷歌图表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40886416/

25

4

0

文章推荐： javascript - 使用增量参数循环 GET 请求

文章推荐： mysql - rails 搜索方法

文章推荐： android - 在 ListView 上显示静态数据

文章推荐：安卓 : Error occur on custom switch layout

ios - lineWidth SwiftUI不正确
当我在swift UI中对Rectangle进行转角半径操作时，我的输出低于输出。 var body: some View { ZStack { Rect
javascript - LineWidth 不改变谷歌图表
如何更改此代码以使 lineWidth 正常工作？ k: lambda:
ios - lineWidth 未正确渲染贝塞尔曲线宽度
我正在使用 lineWidth 创建笔画宽度为 4 的圆。我正在使用 UIBezierPath 创建圆。但是，由于某种原因，无论我为 lineWidth 分配什么值，lineWidth 总是渲染一个带
swift - CAShapeLayer lineWidth 上未检测到点击事件？
我使用贝塞尔路径创建了一个圆，并创建了点击事件来检查图层是否已被点击，它工作正常，直到我增加 CAShapeLayer 的 lineWidth 的大小。通过点击线宽，有时检测到，有时检测不到。我在
javascript - 如何使用 gl.lineWidth()
其他一切都进展顺利，界限正在绘制中。它似乎只是忽略了 gl.lineWidth() 调用。我还有什么需要做的吗？ gl.lineWidth(17); gl.drawArrays(thi
matlab - 更改 LineWidth 会弄乱标记
我正在使用 Matlab 2017b。当我更改默认线宽时，圆形标记变得断断续续，就好像 Matlab“墨水用完了”一样。以下代码: figure subplot(211) plot([1 2],[1
javascript - Highcharts getSVGplotOptionsseries.lineWidth 不起作用
我试图在 highchart 的 getSVG 调用上设置一些plotOptions(主要是 lineWidth)，但无论我尝试什么，我似乎都无法让它工作。下面的代码能够正确设置导出的 SVG 文件
ios - CAShapeLayer 更改 lineWidth 导致崩溃
所以我有这个很好的子类，它可能会在某个时候调整大小，然后我调用 updateFrame()将 lineWidth 更改为任何值都会导致崩溃。我需要的是能够在没有动画的情况下更改 lineWidth(立
ios - UIBezierPath 的 lineWidth 有最大值
我正在尝试创建一个圆弧，例如半圆，我可以用不同的颜色制作动画。我想我会开始为圆弧创建贝塞尔曲线路径并将线宽设置为较大的值。这是我目前所拥有的: CAShapeLayer *layer = (CASha
javascript - HTML5 Canvas lineWidth 被忽略
我正在 Canvas 上书写文本，并尝试在其周围添加某种边框，该边框应根据文本大小动态调整大小。我的代码是: var mainText='this is a test'; var mainText
javascript - Canvas lineTo 中的 lineWidth 变化更平滑
所以我试图在 HTML5 Canvas 中创建一个绘图工具，其中笔划的粗细随着鼠标移动的速度越快而增加，并且随着鼠标移动的速度越慢而减少。我正在使用 ctx.lineTo() 但在我第一次尝试时注意到
javascript - 为什么 ctx.lineWidth > 1 会使批量画线变慢？
当绘制多条线时，在一条路径上一次完成它们似乎是性能上的胜利: ctx.beginPath(); for (var i = 0; i 1 会使批量画线变慢？，我们在Stack Overflow
javascript - Circle - Canvas 获取 lineWidth 的像素颜色
我想获取 lineWidth 圆的像素颜色。我已经测试了很多解决方案，但从未返回 Linewidth 颜色。下面是我试过的例子: var c = document.getElementById("m
ios - UIBezierPath lineWidth 基于 UIPanGestureRecognizer 的速度
我正在尝试弄清楚如何根据 UIPanGestureRecognizer 的速度构造有限范围的浮点值。我的最小值或起始值为 1.0，最大值为 3.0，为 UIBezierPath 的 lineWidth
html - 这是 Canvas 的 lineWidth 错误吗？
试试这个链接 http://jsfiddle.net/4pE9S/首先，您会发现 lineWidth 不起作用。有些线条很细，但必须看起来像 2 像素而不是 1 像素。如何解决这个问题。我知道这是使用
iphone - MKPolylineView lineWidth 每次在 MKMapview 上放大或缩小时都需要相同
我希望 MKPolylineView lineWidth 每次放大或缩小 MKMap 时都需要相同？我正在使用 MKPolylineView 绘制从 A 到 B 的路线以及路线上的所有指定点。我想
python - 在不更改 rcParams 全局字典的情况下设置 axes.linewidth
因此，似乎无法执行以下操作(它会引发错误，因为 axes 没有 set_linewidth 方法): axes_style = {'linewidth':5} axes_rect = [0.1, 0.
iOS:在 UIView 上以 LineWidth 1px 绘制文本
我有一个场景，我必须在 UIView 上绘制文本。我的代码是 - (void)drawRect:(CGRect)iRect { [super drawRect:iRect]; CGCo
ios - 在可缩放的 UIView 中保留 CAShapeLayer 的 lineWidth
我有一个自定义 UIView，它有一个 UIImageView 作为它的 subview 来显示图像和一个 CAShapeLayer 作为子层来绘制它。 UIView 是可缩放的，我使用 UIPinc
html - 0 < lineWidth < 1 时的 Canvas 线条行为
出于好奇，我想尝试设置 lineWidth < 1因为即使我的分辨率设置正确，1px 的线条看起来也很粗。毫不奇怪，它不起作用，但在 Chrome 和 Firefox 上存在这种奇怪的行为(未在其他地

首页

博学

6Ren·AI

商城

javascript - LineWidth 不改变谷歌图表