Question

我想创建一个迷你图，该图将采用

之类的数组值

[{“ sNo”：224，“ val”：3}，{“ sNo”：220，“ val”：1}，{“ sNo”：224，“ val”：2}，.... ]

当鼠标悬停在图形上时，应该在图形上显示 sNo和val 的值。

我试图找到解决方案，但没有任何帮助。

我发现的一个解决方案是将数组值[3,1,2]作为输入并显示在图形中，但是我需要sNo和val的值。

希望问题很明确。请帮忙。谢谢。

Answer 1

您可以尝试将char.js与chartType = line一起使用

HTMLTemplate：

 <canvas baseChart
                [chartType]="'line'"
                [datasets]="YourchartData"
                [labels]="Yourlabels"
                [options]="YourOptions"
                elements: {
                      line: {
                         borderColor: '#000000',
                         borderWidth: 1
                },
                point: {
                       radius: 0
                       }
                },
                scales: {
                      yAxes: [
                       {
                         display: false
                       }
                    ],
                     xAxes: [
                      {
                        display: false
                      }
                  ]
                }
                [legend]="true"
                [colors]="colors"
                height="....">
        </canvas>

当然要在app.module中安装并导入char.js。

希望我能帮助您

如何在角度4中创建迷你图折线图

1 个答案: