如何更改google折线图的外观

Question

有什么方法可以改变google图表的UI或设计吗？我希望我的图表看起来像这样

http://www.flickr.com/photos/41695354@N08/6020984362/in/photostream/

Answer 1

首先，您需要加载正确的图表API。对于折线图，

 <script> google.load("visualization", "1", {packages:["corechart"]}); </script>

然后像这样设置图形选项

chart.draw(data, {width: X, height: Y, title: <graph Title>, pointSize:4, legend:bottom,
      hAxis: {title:  <x-axis title>, titleTextStyle: {color: 'red'}},
  vAxis: {title: <Y-axis title>,  titleTextStyle: {color: 'red'}}
});

您可以更改pointSize的值，以增加或减少图形上的值点。如果不希望这些点显示在图形上，请删除pointSize选项。

Google会自动将颜色分配给您拥有的不同数据集。可以选择特定的颜色

Answer 2

要更改数据系列、折线图等的颜色，请使用以下代码：

var options = {
    title: 'My Chart',
    series: {0:{color:'F38921',lineWidth:2}}
};

Answer 3

如果你想改变颜色，看看这个颜色选择器，它可以让你在google可视化图表/图形上预览不同的主题

http://www.philipwhitt.com/projects/google-visualization-theme-picker

选择所需的颜色列表，然后将其放入颜色选项中，如下所示：

var chartOptions = {
  title: 'Some Title',
  colors: ['#657CD0','#DA68A0','#06C3C0','#777B80','#7C6D70','#7C0850','#F75870']
};