title: What is wrong with this code in creating an equivalent javascript object?
body: <p>This is the original javascript object;</p>
  
  <pre><code>$scope.XXXChart.options =
  {
      'title': '10-year (%)',    
      'hAxis': {
          'title': "Date",
          'format': "MMM-yyyy",
      },    
      'explorer': {      
          actions: ['dragToZoom', 'rightClickToReset'],
          maxZoomIn: 0.01,
          axis: 'horizontal',
          keepInBounds: true,
      }
  }; 
  </code></pre>
  
  <p>I want to make an equivalent object with the following;</p>
  
  <pre><code>    var common_Chart_options =
      {
          'hAxis': {
              'title': "Date",
              'format': "MMM-yyyy",
          },
          'explorer': {
              //actions: ['dragToPan', 'rightClickToReset'],
              actions: ['dragToZoom', 'rightClickToReset'],
              maxZoomIn: 0.01,
              axis: 'horizontal',
              keepInBounds: true,
          }
      };
  
  $scope.XXXChart.options =
      {
          'title': '10-year (%)', 
          common_Chart_options 
      }
  };
  </code></pre>
  
  <p>What is wrong with this code? There was no error message but the Google Chart zoom features stopped working.</p>