小编Scr*_*crz的帖子

Chart.js(堆积条形图)如何计算工具提示中标签的总和?

我正在尝试计算并显示打包未打包标签的总和

我已经计算了标签的值,但是不知道如何作为新标签插入工具提示内

因为在新版本的Chart.js上,我可以通过设置>插件>工具提示访问工具提示,但在回调中我只获得了确切一个标签的数据集

图表js v3.0.2

var branches_canvas = document.getElementById('branches_canvas').getContext('2d');
var branches = new Chart(branches_canvas, {
    type: 'bar',
    data: {
        labels: ['Org1','Org2','Org3','Org4','Org5'],
        datasets: [
        {
            label: 'Packed',
            data: [12,55,77,32,45],
            backgroundColor: [
                '#94E3EF',
            ],
            hoverOffset: 4
        },
        {
            label: 'Unpacked',
            data: [56,88,22,88,40],
            backgroundColor: [
                '#FFA8A8',
            ],
          }
    ],
      
    },
    options: {
        plugins: {
            tooltip: {
                callbacks: {
                    label: function(context) {
                        var label = context.dataset.label || '';
                        if (label) {
                            label += ': …
Run Code Online (Sandbox Code Playgroud)

javascript bar-chart chart.js

8
推荐指数
1
解决办法
7384
查看次数

如何使用 Vue3 和 Typescript 在 Quasar Framework 中定义 ref 方法的类型

  • Quasar 框架 v2 测试版
  • Vue 3 组合 API
  • 打字稿

组件模板

<q-btn 
  @click.stop="showingActionMenu()" 
  color="grey-7" 
  round 
  flat 
  icon="more_vert"
>
  <q-menu
    ref="showAction"
    auto-close
  >
    ...                       
  </q-menu>
</q-btn>
Run Code Online (Sandbox Code Playgroud)
setup() {
  ...
  const showAction = ref<Function | null>(null)
  ...
})
Run Code Online (Sandbox Code Playgroud)

组件设置

return {
  ...
  showAction,
  showingActionMenu() {
    showAction?.value?.show()
  },
  ...
}
Run Code Online (Sandbox Code Playgroud)

返回的方法显示错误

Property 'show' does not exist on type 'Function'.
Run Code Online (Sandbox Code Playgroud)

typescript vue.js quasar-framework vue-composition-api

5
推荐指数
1
解决办法
3798
查看次数