首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让Google Line Chart圆圈有边框?

如何让Google Line Chart圆圈有边框?
EN

Stack Overflow用户
提问于 2018-10-15 05:00:39
回答 1查看 282关注 0票数 1

我想知道是否有可能让这个曾经悬停在谷歌折线图上的圆圈有一个彩色的边框?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-15 05:56:34

可以使用样式列角色更改点的样式。

point {stroke-width: 2; stroke-color: red;}

请看下面的工作代码片段:

悬停一个点以查看样式...

代码语言:javascript
复制
google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addColumn({role: 'style', type: 'string'});
  data.addRows([
    [0, 1, 'point {stroke-width: 2; stroke-color: red;}'],
    [1, 2, 'point {stroke-width: 2; stroke-color: red;}'],
    [2, 3, 'point {stroke-width: 2; stroke-color: red;}'],
    [3, 4, 'point {stroke-width: 2; stroke-color: red;}'],
    [4, 5, 'point {stroke-width: 2; stroke-color: red;}'],
  ]);

  var options = {
    legend: 'none'
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});
代码语言:javascript
复制
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52807058

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档