は、PHPからJavaScriptの

Question

にテキストフィールドの値を渡し、私はこのようなワードプレスのバックオフィスのhighchartのラベルを選択するフィールドを作成しました：

public static function sm_register_chart() { 

    $charts = array(); 
    if(function_exists('wdt_get_all_charts_nonpaged')){ 
     foreach(wdt_get_all_charts_nonpaged() as $table){ 

      $charts[$table['id']] = $table['title']; 
     } 
    } 
    $captions = array(); 

    $fields = array(

     array(
      'label' => esc_html('Graphic'), 
      'description' => esc_html('Choose the graphic'), 
      'attr' => 'chart', 
      'type' => 'select', 
      'options' => $charts, 
     ), 
     array(
      'label' => esc_html('Footer label'), 
      'description' => esc_html('Choose the footer label'), 
      'attr' => 'footer_caption', 
      'type' => 'text', 
     ), 

    ); 

、私はこれに footer_captionで入力されているもの渡したい私というJS代わりにその var label = this.renderer.label("This text will adjust to chart resizing")の私は footer_captionの値を取得するようにするため http://jsfiddle.net/abenrob/ur02w4j5/

Highcharts.setOptions({ 
    chart: { 
      type: 'column', 
      events: { 
       load: function() { 
        var label = this.renderer.label("This text will adjust to chart resizing " + 
         "and redraws and will be visible on exported images.") 
        .css({ 
         width: '400px', 
         fontSize: '9px' 
        }) 
        .attr({ 
         'r': 2, 
         'padding': 5 
        }) 
        .add(); 

        label.align(Highcharts.extend(label.getBBox(), { 
         align: 'center', 
         x: 0, // offset 
         verticalAlign: 'bottom', 
         y: 0 // offset 
        }), null, 'spacingBox'); 

       } 
      }, 
      marginBottom: 120 
     }, 
     legend: { 
     align: 'center', 
     verticalAlign: 'bottom', 
     y: -30 
    }, 

：このフィドルから取りました。

私はこのような何かを考えていた：

var labelText = document.querySelectorAll('[footer_caption]').text() 
var label = this.renderer.label(labelText) 

しかし、それは動作しないとも、あなたは以下を実行することによって、これを達成することができますfooter_caption

Answer 1

から私が入力した値を取得するイムができていません;あなたのコードに応じてfooter_captionの識別子を変更する必要があるかもしれません。

<script type="text/javascript"> 

var footer_caption = <?= json_encode($arr['footer_caption']); ?>; 

</script> 

そして、javascriptコードで変数が参照される場所を参照してください。

json_encodeを使用すると、不正な文字などが正しく処理されます。上記のコードは、PHPのクイックタグを使用しています。参考文献はhereです。

Answer 2

あなたはこの

<script> 
    var footer_caption = <?php echo json_encode($fields); ?>; 
</script>