Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.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 在nvd3.js图形x轴标签中创建换行符_Javascript_D3.js_Svg_Graph_Nvd3.js - Fatal编程技术网

Javascript 在nvd3.js图形x轴标签中创建换行符

Javascript 在nvd3.js图形x轴标签中创建换行符,javascript,d3.js,svg,graph,nvd3.js,Javascript,D3.js,Svg,Graph,Nvd3.js,因此,我一直在试图找到一种方法,在我的nvd3图形的x轴标签中创建新线,但到目前为止似乎没有任何效果。我提到了这两个问题,但没有找到充分的答案,因为这两个问题都与d3.js图有关。他们都有关于使用tspan创建新产品线的答案,但无论我如何使用它,似乎对我都不起作用。这就是我现在所拥有的,但它似乎一点都不正确……任何帮助都将不胜感激 nv.addGraphfunction{ var图表=nv.models.multiBarChart.stackedfalse.showControlsfalse;

因此,我一直在试图找到一种方法,在我的nvd3图形的x轴标签中创建新线,但到目前为止似乎没有任何效果。我提到了这两个问题,但没有找到充分的答案,因为这两个问题都与d3.js图有关。他们都有关于使用tspan创建新产品线的答案,但无论我如何使用它,似乎对我都不起作用。这就是我现在所拥有的,但它似乎一点都不正确……任何帮助都将不胜感激

nv.addGraphfunction{ var图表=nv.models.multiBarChart.stackedfalse.showControlsfalse; chart.x函数d{return d.x;}; chart.y函数d{返回d.y;}; 图1.yAxis .给“工作”贴上标签 //酒吧太多而没有足够的空间?试试交错的标签。 查特·莱布尔真; chart.margin.left=70; //chart.showValuestrue; var技术数据=技术报告; 控制台.logtech_数据[1]++tech_数据[2] $date_range.texttech_数据[1]+-+tech_数据[2]; $tech_title.text技术人员-顾问行动; d3.选择“技术图表svg” .datumtech_数据[0] .transition.duration500.callchart; var insertLinebreaks=函数d{ var el=d3.selectthis.text; var words=d.description.split'\n'; el.text; 对于变量i=0;i0 tspan.attr'x',0.attr'dy',15'; } }; svg=d3。选择技术图表svg; svg。选择所有“g.x.axis g text”。每一条线都会断开; nv.utils.windowResizefunction{chart.update}; 收益表;
}; 使用最新nvd3 source 1.8.1-dev中的.wrapLabels参数该参数包装长x轴标签。比较两个屏幕截图

所以你会想出

chart.wrapLabels(true);