微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 Ngx-Charts 在条形图上添加三个折线图

如何解决使用 Ngx-Charts 在条形图上添加三个折线图

我在 Angular 中使用 Ngx-Charts 库,需要在条形图和折线图之间创建组合图。我需要为折线图设置三个线系列,其中 2 个应显示 $ 金额,第三个应显示 %。 但是,如果我试图给第三行一些百分比值,例如 5、10 或 20,与其他两行系列相比,这个数量太小了,第三个出现在底部。 如何使两条线系列与左侧 y 轴比例对齐,第三条线系列与右侧对齐,这是一个 y 轴比例,表示一些百分比。 您可以使用此数据并更改本示例中的原始数据以查看我需要实现的目标: enter link description here

export let lineChartSeries = [

{ name: '平板电脑',系列: [ { name: '美国',价值:5000 },{ 价值:8000, 名称:'英国' },{ 价值:8500, 名称:'法国' },{ 价值:9000, 名称:'日本' },{ 价值:10000, 名称:'中国' } ] },{ name: '手机',系列: [ { 价值:1000, 名称:'美国' },{ 价值:2000, 名称:'英国' },{ 价值:3000, 名称:'法国' },{ 价值:4000, 名称:'日本' },{ 价值:1000, 名称:'中国' } ] },{ name: '购买百分比',系列: [ { 值:2, 名称:'美国',

},{
    value: 4,name: 'United Kingdom'
  },{
    value: 20,name: 'France'
  },{
    value: 30,name: 'Japan'
  },{
    value: 35,name: 'China'
  }
]

} ];

我需要在右边有百分比刻度,而绿线不能在底部

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。