Google visualization 谷歌图表行号,至少保留5位小数

Google visualization 谷歌图表行号,至少保留5位小数,google-visualization,linechart,google-developer-tools,Google Visualization,Linechart,Google Developer Tools,这是我的谷歌折线图: 如何查看小数点后至少有5位的数字? 我需要一张详细的折线图 我还想知道如何创造更多的空白,因为我的网站的背景不能是白色的。所以现在看起来像是没有感觉的伤口 我的代码是: google.charts.load("44", {packages:["line"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data1 = new google.visua

这是我的谷歌折线图: 如何查看小数点后至少有5位的数字? 我需要一张详细的折线图

我还想知道如何创造更多的空白,因为我的网站的背景不能是白色的。所以现在看起来像是没有感觉的伤口

我的代码是:

      google.charts.load("44", {packages:["line"]});
  google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var data1 = new google.visualization.DataTable();
  data1.addColumn('number', 'id ');
  data1.addColumn('number', 'C1  ');
    data1.addRows([
    {% for id, qir in data1 %}
        [{{ id }}, {{ qir }}],
        {% endfor%}
]);

 var data2 = new google.visualization.DataTable();
  data2.addColumn('number', 'id ');
  data2.addColumn('number', 'C2  ');
    data2.addRows([
 {% for id, qir in data2 %}
        [{{ id }}, {{ qir }}],
        {% endfor%}
]);

 var data3 = new google.visualization.DataTable();
  data3.addColumn('number', 'id ');
  data3.addColumn('number', 'C3  ');
    data3.addRows([
 {% for id, qir in data3 %}
        [{{ id }}, {{ qir }}],
        {% endfor%}
]);

  var options1 = {
    width: 900,
    height : 400,
    axes: {
        x: {
            0: {side: 'down'}
        }
    }
  };

      var options2 = {
    width: 600,
    height : 200,
    axes: {
        x: {
            0: {side: 'down'}
        }
    }
  };
var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]);
var joinedData2 = google.visualization.data.join(joinedData, data3, 'full', [[0, 0]], [1,2], [1]);
  var chart1 = new google.charts.Line(document.getElementById('wykres1'));

chart1.draw(joinedData2, options1);

}

使用a获得5位小数

对于空白,您可以调整核心图表上的
图表区域
维度。
但是,它在材质图表上似乎不起作用。
即使使用
google.charts.Line.convertOptions

在这里,我提供了这两种颜色,并设置了背景色来突出差异

google.charts.load('44'{
回调:图纸,
包:['line','corechart']
});
函数绘图图(){
var data1=google.visualization.arrayToDataTable(
[1,0.244543243223],[2,0.343454312334],[3,0.6543223411],[4,0.3423134234214],[5,0.454343343223],[6,0.5434221],[7,0.54324324314],[8,0.45324517],[9,0.54322221],[10,0.5432544519]]
);
var data2=google.visualization.arrayToDataTable(
[1,0.43654362],[2,0.46547543],[3,0.65475431],[4,0.657654434],[5,0.6765443],[6,0.4654436],[7,0.3534657],[8,0.524343434],[9,0.453455532],[10,0.54354358]]
);
var data3=google.visualization.arrayToDataTable(
[id',C3',[1,0.5345524],[2,0.6543453432],[3,0.53453465645614],[4,0.63245524],[5,0.543543533],[6,0.534543534],[7,0.242354531],[8,0.3424543523],[9,0.5436535344],[10,0.5425345332]]
);
//将第二列中的数字格式化为5位小数
var formatter=new google.visualization.NumberFormat({
模式:“#,##0.00000”
});
formatter.format(数据1,1);
formatter.format(数据2,1);
formatter.format(数据3,1);
变量选项1={
背景颜色:“黄色”,
宽度:900,
身高:600,
图表区:{
背景颜色:“青色”,
身高:400,
左:100,,
前100名,
宽度:640
},
轴线:{
x:{
0:{side:'down'}
}
},
变量:{格式:'#,##0.00000'}
};
var joinedData=google.visualization.data.join(data1,data2,'full',[[0,0]],[1],[1]);
var joinedData2=google.visualization.data.join(joinedData,data3,'full',[[0,0]],[1,2],[1]);
var chart1=新的google.charts.Line(document.getElementById('wykres1');
//转换“材质”图表的选项
chart1.draw(joinedData2,google.charts.Line.convertOptions(options1));
var chart2=新的google.visualization.LineChart(document.getElementById('wykres2');
图表2.绘图(合并数据2,选项1);
}

材料表
核心图

它可以工作!谢谢:)但不幸的是,我必须从flask中获取值,我需要这个:data2.addRows([{%forid,data2%}[{id},{{qir}}],{%endfor%});干杯我不确定如何将flask合并到代码段中,以便于举例……没关系。你帮了我很多。我会弄明白的。不知怎的;)在材料图上我看到0,02,而在核心图上是0.024。如何才能在材质中看到更多的小数位?假设您指的是Y轴,请参见上面的编辑-->
vAxis:{format:'#,##0.00000'}
@app.route('/so')
def so():
    Data1 = [(1,0.244543243223),(2,0.343454312334),(3,0.6543223411),(4,0.34231342342314),(5,0.454343343223),(6,0.5434221),(7,0.54324324314),(8,0.45324517),(9,0.543222321),(10,0.54325445519)]
    Data2 = [(1,0.43654362),(2,0.46547543),(3,0.65475431),(4,0.65765454434),(5,0.6765443),(6,0.4654436),(7,0.3534657),(8,0.524343434),(9,0.453455532),(10,0.54354354358)]
    Data3 = [(1,0.5345524),(2,0.6543453432),(3,0.53453465645614),(4,0.63245524),(5,0.543543536533), (6,0.53454355334),(7,0.242354531),(8,0.3424543523),(9,0.5436536544),(10,0.5425345332)]
    return render_template('so.html', data1=Data1, data2=Data2, data3=Data3)