Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.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
Javascript 如何删除双网格线并将y强制到原点_Javascript_Php_D3.js_Bar Chart_Nvd3.js - Fatal编程技术网

Javascript 如何删除双网格线并将y强制到原点

Javascript 如何删除双网格线并将y强制到原点,javascript,php,d3.js,bar-chart,nvd3.js,Javascript,Php,D3.js,Bar Chart,Nvd3.js,首先,如图所示,Y轴网格线是双格线。有没有办法将其从y1或y2轴上拆下 第二个问题如何强制Y轴从0开始?我试过这个: chart.bars1.forceY([0]); chart.lines1.forceY([0]); 但这不起作用,对这些问题有什么想法吗 Javascript代码 var data=graphData(); nv.addGraph(函数(){ var chart=nv.models.multiChart() .margin({顶部:30,右侧:60,底部:50,左侧:70})

首先,如图所示,Y轴网格线是双格线。有没有办法将其从y1或y2轴上拆下

第二个问题如何强制Y轴从0开始?我试过这个:

chart.bars1.forceY([0]);
chart.lines1.forceY([0]);
但这不起作用,对这些问题有什么想法吗

Javascript代码

var data=graphData();
nv.addGraph(函数(){
var chart=nv.models.multiChart()
.margin({顶部:30,右侧:60,底部:50,左侧:70})
.颜色(d3.比例.类别10().范围());
chart.xAxis.tickFormat(函数(d){
var dx=data[0]。值[d]&&data[0]。值[d]。x | | 0;
返回d3.time.format(“%x”)(新日期(d))
});
图1.1.1
.tickFormat(d3.format(',.f'));
图1.2.2
.tickFormat(d3.format(',.f'));
d3.选择(“#图表svg”)
.基准(数据)
.transition().duration(500).调用(图表);
收益表;
});
函数graphData(){
返回
.map(函数(系列){
series.values=series.values.map(函数(d){return{x:d[0],y:d[1]});
返回序列;
}); 
}
结果

数据

[{
        "key" : "Tweets",
        "type" : "bar",
        "yAxis" : 1,
        "values" : [[1380499200000, 41], [1380585600000, 220], [1380672000000, 270], [1380758400000, 195], [1380844800000, 160], [1380931200000, 202], [1381017600000, 194], [1381104000000, 177], [1381190400000, 155], [1381276800000, 219], [1381363200000, 203], [1381449600000, 193], [1381536000000, 252], [1381622400000, 134], [1381708800000, 238], [1381795200000, 233], [1381881600000, 271], [1381968000000, 336], [1382054400000, 257], [1382140800000, 241], [1382227200000, 126], [1382313600000, 159], [1382400000000, 180], [1382486400000, 293], [1382572800000, 212], [1382659200000, 187], [1382745600000, 181]]
    }, {
        "key" : "Retweets",
        "type" : "bar",
        "yAxis" : 1,
        "values" : [[1380499200000, 16], [1380585600000, 70], [1380672000000, 101], [1380758400000, 66], [1380844800000, 61], [1380931200000, 92], [1381017600000, 73], [1381104000000, 70], [1381190400000, 50], [1381276800000, 84], [1381363200000, 76], [1381449600000, 89], [1381536000000, 118], [1381622400000, 55], [1381708800000, 81], [1381795200000, 76], [1381881600000, 82], [1381968000000, 132], [1382054400000, 85], [1382140800000, 104], [1382227200000, 48], [1382313600000, 55], [1382400000000, 59], [1382486400000, 106], [1382572800000, 73], [1382659200000, 78], [1382745600000, 78]]
    }, {
        "key" : "Replies",
        "type" : "bar",
        "yAxis" : 1,
        "values" : [[1380499200000, 7], [1380585600000, 33], [1380672000000, 47], [1380758400000, 29], [1380844800000, 19], [1380931200000, 29], [1381017600000, 30], [1381104000000, 25], [1381190400000, 25], [1381276800000, 33], [1381363200000, 26], [1381449600000, 22], [1381536000000, 33], [1381622400000, 15], [1381708800000, 26], [1381795200000, 19], [1381881600000, 33], [1381968000000, 46], [1382054400000, 37], [1382140800000, 36], [1382227200000, 21], [1382313600000, 32], [1382400000000, 27], [1382486400000, 43], [1382572800000, 19], [1382659200000, 19], [1382745600000, 17]]
    }, {
        "key" : "Cumulatief",
        "type" : "line",
        "yAxis" : 2,
        "values" : [[1380499200000, 41], [1380585600000, 261], [1380672000000, 531], [1380758400000, 726], [1380844800000, 886], [1380931200000, 1088], [1381017600000, 1282], [1381104000000, 1459], [1381190400000, 1614], [1381276800000, 1833], [1381363200000, 2036], [1381449600000, 2229], [1381536000000, 2481], [1381622400000, 2615], [1381708800000, 2853], [1381795200000, 3086], [1381881600000, 3357], [1381968000000, 3693], [1382054400000, 3950], [1382140800000, 4191], [1382227200000, 4317], [1382313600000, 4476], [1382400000000, 4656], [1382486400000, 4949], [1382572800000, 5161], [1382659200000, 5348], [1382745600000, 5529]]
    }
]       

这个拉取请求解决了您的问题,以及在multichart上隐藏线图等其他问题


我认为你需要在
图表上调用
.forceY
。包含链接的答案不是很好的答案;存在链接背后的信息可能更改或被删除的危险。你可以通过总结你所指向的链接的内容来改进你的答案。