Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 设计谷歌线条图的样式_Css_Charts_Line_Styling - Fatal编程技术网

Css 设计谷歌线条图的样式

Css 设计谷歌线条图的样式,css,charts,line,styling,Css,Charts,Line,Styling,我想在我的新网络项目中使用谷歌折线图。我想他们的风格就像是显示在这个和显示日期之间的月份。如果可能的话,你能告诉我怎么做吗?如果你试图使用谷歌图表工具绘制谷歌折线图>,我强烈建议你使用“可视化游乐场”又名“代码游乐场” 转到谷歌图表,选择概览>图表库>区域图表(在您的案例中),通常在图表图片示例下方查找链接“可视化游乐场” 播放代码,直到您理解它的作用,并注意函数中的以下代码: var ac = new google.visualization.AreaChart(document.getEle

我想在我的新网络项目中使用谷歌折线图。我想他们的风格就像是显示在这个和显示日期之间的月份。如果可能的话,你能告诉我怎么做吗?

如果你试图使用谷歌图表工具绘制谷歌折线图>,我强烈建议你使用“可视化游乐场”又名“代码游乐场”

转到谷歌图表,选择概览>图表库>区域图表(在您的案例中),通常在图表图片示例下方查找链接“可视化游乐场”

播放代码,直到您理解它的作用,并注意函数中的以下代码:

var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
  ac.draw(data, {
    title : 'Monthly Coffee Production by ....',
    isStacked: true,
    width: 600,
    height: 400,
    vAxis: {title: "Cups"},
    hAxis: {title: "Month"}
  });
返回到配置选项并使用这些选项设置图表样式,例如,如果您想将所有内容都设置为黑色,请使用选项颜色添加另一行:[“黑色”]或将颜色更改为黑色、橙色和红色,如下所示:

var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
      ac.draw(data, {
        title : 'Monthly Coffee Production by ....',
        isStacked: true,
        width: 600,
        height: 400,
        vAxis: {title: "Cups"},
        hAxis: {title: "Month"},
        colors: ['#000000', '#FF6600', 'red']
      });

希望这对您有所帮助

您可以下载该链接上的图表并使用源代码。请尝试。我正在查看我的答案,发现这没有标记为正确答案。如果是的话,你能结束这个问题吗