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

编程问答 2022-05-26

问题描述

我在 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 (将#修改为@）

angularangularchartsjavascriptlineseriesngx-charts