• <i id='pESCP'><tr id='pESCP'><dt id='pESCP'><q id='pESCP'><span id='pESCP'><b id='pESCP'><form id='pESCP'><ins id='pESCP'></ins><ul id='pESCP'></ul><sub id='pESCP'></sub></form><legend id='pESCP'></legend><bdo id='pESCP'><pre id='pESCP'><center id='pESCP'></center></pre></bdo></b><th id='pESCP'></th></span></q></dt></tr></i><div id='pESCP'><tfoot id='pESCP'></tfoot><dl id='pESCP'><fieldset id='pESCP'></fieldset></dl></div>
  • <tfoot id='pESCP'></tfoot>

          <bdo id='pESCP'></bdo><ul id='pESCP'></ul>
        <legend id='pESCP'><style id='pESCP'><dir id='pESCP'><q id='pESCP'></q></dir></style></legend>

        <small id='pESCP'></small><noframes id='pESCP'>

      1. Chartjs 显示标签 &amp;鼠标悬停时的单位统计

        Chartjs display label amp; units when mouse is hover stats(Chartjs 显示标签 amp;鼠标悬停时的单位统计)

              <bdo id='JpKDk'></bdo><ul id='JpKDk'></ul>

              1. <small id='JpKDk'></small><noframes id='JpKDk'>

                <tfoot id='JpKDk'></tfoot>

                • <legend id='JpKDk'><style id='JpKDk'><dir id='JpKDk'><q id='JpKDk'></q></dir></style></legend>

                    <tbody id='JpKDk'></tbody>

                • <i id='JpKDk'><tr id='JpKDk'><dt id='JpKDk'><q id='JpKDk'><span id='JpKDk'><b id='JpKDk'><form id='JpKDk'><ins id='JpKDk'></ins><ul id='JpKDk'></ul><sub id='JpKDk'></sub></form><legend id='JpKDk'></legend><bdo id='JpKDk'><pre id='JpKDk'><center id='JpKDk'></center></pre></bdo></b><th id='JpKDk'></th></span></q></dt></tr></i><div id='JpKDk'><tfoot id='JpKDk'></tfoot><dl id='JpKDk'><fieldset id='JpKDk'></fieldset></dl></div>
                  本文介绍了Chartjs 显示标签 &amp;鼠标悬停时的单位统计的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  是否可以有标签 &当我的鼠标指针悬停在图表上时的单位?目前只有数字.

                  Is it possible to have the label & units when my mouse pointer is hover the chart ? For now there is only the number.

                  对于下面的示例,我想展示:

                  For the example bellow I would like to show :

                  • 58% 标签1
                  • 0% 标签2
                  • 0% 标签3
                  • 0% 标签4
                  • 0% 标签5

                  我的选项如下所示:

                  var options = {
                        //Boolean - Show a backdrop to the scale label
                        scaleShowLabelBackdrop : true,
                        //Boolean - Whether to show labels on the scale
                        scaleShowLabels : true,
                        // Boolean - Whether the scale should begin at zero
                        scaleBeginAtZero : true,
                        scaleLabel : "<%%= Number(value) + ' %'%>",
                        legendTemplate: "<ul class="<%%=name.toLowerCase()%>-legend"><%% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%%=datasets[i].strokeColor%>"></span><%%if(datasets[i].label){%><%%=datasets[i].label%> <strong><%%=datasets[i].value%></strong><%%}%></li><%%}%></ul>",
                        tooltipTemplate: "<%%= value %> Label"
                      }
                  

                  使用 scaleLabel 选项,我在 Y 轴上显示 %,但在悬停弹出窗口上没有显示...

                  With scaleLabel option I have the % shown on the Y-axis but not on the hover pop-up...

                  推荐答案

                  我找到了解决方案 在 Github 上的 ChartJS 存储库中.

                  解决方案是使用选项multiTooltipTemplate 如果您的图表有多个数据.否则,您应该使用 tooltipTemplate

                  The solution is to use the option multiTooltipTemplate if your graph has multiple data. Otherwise, you should use tooltipTemplate

                  multiTooltipTemplate: "<%=datasetLabel%> : <%= value %>"  // Regular use
                  // or
                  multiTooltipTemplate: "<%%=datasetLabel%> : <%%= value %>"  // Ruby on Rails use
                  

                  会给你:

                  • 数据集标签:值

                  这篇关于Chartjs 显示标签 &amp;鼠标悬停时的单位统计的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  ChartJS Version 3 - common legend for multiple line charts(ChartJS 版本 3 - 多个折线图的常用图例)
                  Charts.js scales yaxes ticks min max doesnt work(Charts.js 缩放 yaxes 刻度 min max 不起作用)
                  How to expand the slice of donut chart in chartjs?(如何在chartjs中扩展圆环图的切片?)
                  Chart.js yAxes Ticks stepSize not working (fiddle)(Chart.js yAxes Ticks stepSize 不起作用(小提琴))
                  Rounded corners on chartJS v.2 - bar charts (with negative values)(chartJS v.2 上的圆角 - 条形图(带负值))
                  How to hide value in Chart JS bar(如何在 Chart JS 栏中隐藏值)
                  <legend id='y0BQx'><style id='y0BQx'><dir id='y0BQx'><q id='y0BQx'></q></dir></style></legend><tfoot id='y0BQx'></tfoot>

                          <bdo id='y0BQx'></bdo><ul id='y0BQx'></ul>
                            <tbody id='y0BQx'></tbody>
                        • <i id='y0BQx'><tr id='y0BQx'><dt id='y0BQx'><q id='y0BQx'><span id='y0BQx'><b id='y0BQx'><form id='y0BQx'><ins id='y0BQx'></ins><ul id='y0BQx'></ul><sub id='y0BQx'></sub></form><legend id='y0BQx'></legend><bdo id='y0BQx'><pre id='y0BQx'><center id='y0BQx'></center></pre></bdo></b><th id='y0BQx'></th></span></q></dt></tr></i><div id='y0BQx'><tfoot id='y0BQx'></tfoot><dl id='y0BQx'><fieldset id='y0BQx'></fieldset></dl></div>

                          <small id='y0BQx'></small><noframes id='y0BQx'>