快捷导航

关于highcharts的问题

能打印出数据(usedD),但图表却展示不了,为什么?
代码如下:

function getCharts() {//获得图表
                var maxD = $('#nLimitMoney').val();
                var useD = $('#tjesum').val();
                var pPer = $('#per').val();
                //var useD = 22888258.89;
                console.log(maxD);
                console.log(useD);
                console.log(pPer);
                var gaugeOptions = {
                    chart: {
                        type: 'solidgauge'
                    },
                    title: null,
                    pane: {
                        center: ['50%', '85%'],
                        size: '140%',
                        startAngle: -90,
                        endAngle: 90,
                        background: {
                            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
                            innerRadius: '60%',
                            outerRadius: '100%',
                            shape: 'arc'
                        }
                    },
                    tooltip: {
                        enabled: false
                    },
                    // the value axis
                    yAxis: {
                        stops: [
                            [0.1, '#55BF3B'], // green
                            [0.5, '#DDDF0D'], // yellow
                            [0.9, '#DF5353'] // red
                        ],
                        lineWidth: 0,
                        minorTickInterval: null,
                        tickPixelInterval: 400,
                        tickWidth: 0,
                        title: {
                            y: -70
                        },
                        labels: {
                            y: 16
                        }
                    },
                    plotOptions: {
                        solidgauge: {
                            dataLabels: {
                                y: 5,
                                borderWidth: 0,
                                useHTML: true
                            }
                        }
                    }
                };
                // The speed gauge
                $('#container_useage').highcharts(Highcharts.merge(gaugeOptions, {
                    yAxis: {
                        min: 0,
                        max: maxD,
                        title: {
                            text: ''
                        }
                    },
                    credits: {
                        enabled: false
                    },
                    series: [{
                        name: '额度',
                        data: [useD],
                        dataLabels: {
                            format: '
' + pPer + '%
' +
                            '

'
                        },
                        tooltip: {
                            valueSuffix: ''
                        }
                    }]
                }));
            }

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

已解决,格式搞错了,没有转成json
function getCharts() {//获得图表
        var maxD = $('#nLimitMoney').val();
        var useD1 = $('#tjesum').val();
        var useD = eval("(" + useD1 + ")");//转换为json数据
        var pPer = $('#per').val();
        //var useD = 22888258.89;
        console.log(maxD);
        console.log(useD);
        console.log(pPer);
        var gaugeOptions = {
          chart: {
            type: 'solidgauge'
          },
          title: null,
          pane: {
            center: ['50%', '85%'],
            size: '140%',
            startAngle: -90,
            endAngle: 90,
            background: {
              backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
              innerRadius: '60%',
              outerRadius: '100%',
              shape: 'arc'
            }
          },
          tooltip: {
            enabled: false
          },
          // the value axis
          yAxis: {
            stops: [
              [0.1, '#55BF3B'], // green
              [0.5, '#DDDF0D'], // yellow
              [0.9, '#DF5353'] // red
            ],
            lineWidth: 0,
            minorTickInterval: null,
            tickPixelInterval: 400,
            tickWidth: 0,
            title: {
              y: -70
            },
            labels: {
              y: 16
            }
          },
          plotOptions: {
            solidgauge: {
              dataLabels: {
                y: 5,
                borderWidth: 0,
                useHTML: true
              }
            }
          }
        };
        // The speed gauge
        $('#container_useage').highcharts(Highcharts.merge(gaugeOptions, {
          yAxis: {
            min: 0,
            max: maxD,
            title: {
              text: ''
            }
          },
          credits: {
            enabled: false
          },
          series: [{
            name: '额度',
            data: [useD],
            dataLabels: {
              format: '
' + pPer + '%
' +
              '

'
            },
            tooltip: {
              valueSuffix: ''
            }
          }]
        }));
      }
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP