首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >添加Angular-Google-Chart并设置其样式时出错

添加Angular-Google-Chart并设置其样式时出错
EN

Stack Overflow用户
提问于 2020-09-14 22:03:33
回答 1查看 36关注 0票数 1

我有一个角度google (条形图)图表:

代码语言:javascript
运行
复制
<google-chart
  [data]="data" 
  [columns]="dataColumns"
  [type]="chartType"
  [options]="options" >
</google-chart>
代码语言:javascript
运行
复制
chartType = "BarChart";

  options = {
    backgroundColor: 'transparent',
    colors: ['#ffa500']
  }

  dataColumns= [
    ['Name', {role: 'data'}],
    ['Data', {role: 'data'}],
    ['Color', { role: 'style'}],
    [{ role: 'annotation'}]
  ]

  data= [
    ['name1', 10, 'red', 'text'],
    ['name2', 8, 'green', 'text'],
    ['name3', 5, 'blue', 'text'],
  ];

现在我得到了这样的消息:“给定轴上的所有序列必须具有相同的数据类型”。这意味着什么以及如何修复它?

我还有一个额外的问题:图表中有这些垂直线,我如何禁用它们?

EN

回答 1

Stack Overflow用户

发布于 2020-09-15 20:04:41

若要删除垂直网格线,请参见

使用以下hAxis选项...

代码语言:javascript
运行
复制
options = {
  hAxis: {
    gridlines: {
      count: 0
    }
  },
  backgroundColor: 'transparent',
  colors: ['#ffa500']
}

为了纠正有关数据类型的错误,

使用以下列...

代码语言:javascript
运行
复制
dataColumns = ['Name', 'Data', {role: 'style'}, {role: 'annotation'}]
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63885932

复制
相关文章

相似问题

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