0

我正在使用 java 脚本创建高图表，它们工作正常，但我希望连同答案变量，它们还应该显示百分比符号我有三个变量 ans66 ans67 和 ans68 我想要它们的值，它也应该显示 %

<script type="text/javascript">
    $(document).ready(function() {
       ans66=0;
       ans67=0;
       ans68=0;
       ans69=0;
       var chart = new Highcharts.Chart({
         chart: {
           renderTo: 'container_1',
           defaultSeriesType: 'column'
         },
         xAxis: {
           categories: [''],
              title: {
                 text: 'Revenue base on one trip/one 4-pack per year',
                 style: {
                     color: '#767575'
                 }},
                 labels: {
                     align: 'right',
                     style: {
                         font: 'normal 11px Verdana'
                     },
                     x: 24,
                 }
              },
              yAxis: {
                 min: 0,
                 startOnTick: false,
                 labels: {
                 formatter: function() {
                     return this.value;
                 },
                style: {
                     color: '#767575'
                }
              },
              title: {
                text: '$',
                style: {
                   color: '#767575'
                }
              }
          },
          series: [{
               name: 'Revenue $',
               data: [ans66]
            }, {
               name: 'Revenue $',
               data: [ans67]
            }, {
               name: 'Revenue $',
               data: [ans68]
            }, {
               name: 'Revenue $',
               data: [ans69]
            }] 
         });
     });
4

3 回答 3

1

如果您要比较系列，则只需添加以下代码。

plotOptions: {
    series: {
        compare: 'percent'
    }
}

或者您可以添加valuePrefix，在我看来这是最好的方法。您不必格式化每个系列点：

tooltip: {
    valuePrefix: '%'
}

演示

于 2012-12-19T16:21:30.723 回答
0

您还没有明确提到确切的位置，您要附加百分比符号。

所以，我拿了你的代码并创建了一个示例小提琴。

变化一：

yAxis: {
                 min: 0,
                 startOnTick: false,
                 labels: {
                 formatter: function() {
                     return this.value + ' %';
                 },
                style: {
                     color: '#767575'
                }
              },

附带说明一下，您应该通过在其中添加所有 JS 变量来创建一个数组。这将为您提供更好的可读性并减少代码冗余。

例子：

var myArray = [11,12,9,13];

series: [{
               name: 'Revenue $',
               data: myArray
            }] 
         });
于 2012-12-19T12:09:21.037 回答
0

连接是在 javascript 中使用+char 进行的，例如

var ans89pct = ans89 + '%';

您可能需要在代码中替换：

   ...
        series: [{
           name: 'Revenue $',
           data: [ans66 + '%']
        }, {
           name: 'Revenue $',
           data: [ans67 + '%']
        }, {
           name: 'Revenue $',
           data: [ans68 + '%']
        }, {
           name: 'Revenue $',
           data: [ans69 + '%']
        }] 
   ...
于 2012-12-19T08:20:19.680 回答