ハイチャートの文字列を持つsolidguageのmin max値を追加してください

Question

文字列と多少の動的値を持つmin max value lableof solidguageをハイチャートに追加する方法はありますか？ 私は私のコードの下にしようとしたこの

ためhighchart使用しているが、それは私がクラスを使用して、高チャートのdiv要素にアクセス

$(function() { 

    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, 
      tickAmount: 2, 
      title: { 
       y: -70 
      }, 
      labels: { 
       y: 16 
      } 
     }, 

     plotOptions: { 
      solidgauge: { 
       dataLabels: { 
        y: 5, 
        borderWidth: 0, 
        useHTML: true 
       } 
      } 
     } 
    }; 

    // The speed gauge 
    $('#container-speed').highcharts(Highcharts.merge(gaugeOptions, { 
     yAxis: { 
      min: 0, 
      max: 200, 
      title: { 
       text: 'Speed' 
      } 
     }, 

     credits: { 
      enabled: false 
     }, 

     series: [{ 
      name: 'Speed', 
      data: [80], 
      dataLabels: { 
       format: '<div style="text-align:center"><span style="font-size:25px;color:' + 
        ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' + 
         '<span style="font-size:12px;color:silver">km/h</span></div>' 
      }, 
      tooltip: { 
       valueSuffix: ' km/h' 
      } 
     }] 

    })); 

    // The RPM gauge 
    $('#container-rpm').highcharts(Highcharts.merge(gaugeOptions, { 
     yAxis: { 
      min: 0, 
      max: 5, 
      title: { 
       text: 'RPM' 
      }, 
      labels: { 
       format: '<div style="text-align:center"><span style="font-size:25px;color:' + 
        ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'yellow') + '">{y:.0f}|days left and '+data.marks'needed'</span><br/>' + 
         '<span style="font-size:12px;color:silver">* 1000/min</span></div>' 
      } 
     }, 

     series: [{ 
      name: 'RPM', 
      data: [1], 
      dataLabels: { 
       format: '<div style="text-align:center"><span style="font-size:25px;color:' + 
        ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y:.1f}</span><br/>' + 
         '<span style="font-size:12px;color:silver">* 1000/min</span></div>' 
      }, 
      tooltip: { 
       valueSuffix: ' revolutions/min' 
      } 
     }] 

    })); 

    // Bring life to the dials 
    setTimeout(function() { 
     // Speed 
     var chart = $('#container-speed').highcharts(), 
      point, 
      newVal, 
      inc; 

     if (chart) { 
      point = chart.series[0].points[0]; 
      inc = Math.round((Math.random() - 0.5) * 100); 
      newVal = point.y + inc; 

      if (newVal < 0 || newVal > 200) { 
       newVal = point.y - inc; 
      } 

      point.update(newVal); 
     } 

     // RPM 
     chart = $('#container-rpm').highcharts(); 
     if (chart) { 
      point = chart.series[0].points[0]; 
      inc = Math.random() - 0.5; 
      newVal = point.y + inc; 

      if (newVal < 0 || newVal > 5) { 
       newVal = point.y - inc; 
      } 

      point.update(newVal); 
     } 
    }, 2000); 


}); 

`

Answer 1

添付テキストを0として最小/最大値を示していますセレクタをjQueryに組み込み、ハイチャート操作後に操作しました。 $（ "。classname"）.html（ "新しいdivタグ"）