title: Google Sheets Candlestick Chart modify high and low line width?
body: <p>I have been working with Google's Candlestick charts and customized everything to my needs, except that the width of the lines above and below the candlestick cannot be modified, or simply I have not found a way to do so. My code looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"&gt;&lt;/script&gt;
  &lt;script&gt;
  google.setOnLoadCallback(drawChart);
  
  function drawChart() {
      var data = google.visualization.arrayToDataTable([
          ['Mon', 20, 28, 38, 45],
          ['Tue', 31, 38, 55, 66],
          ['Wed', 50, 55, 77, 80],
          ['Thu', 77, 77, 66, 50],
          ['Fri', 68, 66, 22, 15]
          // Treat first row as data as well.
          ], true);
  
      var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
  
      chart.draw(data, {
          selectionMode: 'multiple',
          backgroundColor: {
              strokeWidth: 3,
              stroke: 'black',
          },
          vAxis: {
              gridlines: {
                  count: -1,
              },
              minorGridlines: {
                  count: 4,
              }
          },
          hAxis: {
              textStyle: {
                  color: 'white',
              }
          },
          focusTarget: 'category',
          colors: ['black', 'black'],
          legend: 'none',
          theme: 'maximized',
          candlestick: {
              hollowIsRising: 'false',
              risingColor: {
                  fill: 'green',
                  stroke: 'black',
                  strokeWidth: 1, // Here you can clearly see that I changed the candlestick's stroke to a smaller value which would basically be the same as decreasing the "border width".
              },
              fallingColor: {
                  fill: 'red',
                  stroke: 'black',
                  strokeWidth: 1, // Here you can clearly see that I changed the candlestick's stroke to a smaller value which would basically be the same as decreasing the "border width".
              }
          }
      });
  }
  &lt;/script&gt;
         &lt;div id="chart_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This works perfectly fine, however, the lines that appear above and below are perhaps "bigger" or in terms of styling "fat" which does not combine with the candlestick's <em>strokeWidth</em>. The styling appears ugly and the transition does not quite fit. Is there a way to set these line to the same size as the candlestick's <em>strokeWidth</em>? I've tried the following code:</p>
  
  <pre><code>    bar: {
          strokeWidth: 1,
      },
  </code></pre>
  
  <p>Sadly, it does not work. Hope you guys have got some ideas. King Regards!!</p>