Javascript Can';t设置条形图中列的宽度
我正在使用谷歌条形图。在左侧,我需要添加条的描述Javascript Can';t设置条形图中列的宽度,javascript,google-visualization,bar-chart,Javascript,Google Visualization,Bar Chart,我正在使用谷歌条形图。在左侧,我需要添加条的描述 移居美国 在纽约收到 移交国际 斯里兰卡港口的Currier 但我无法在条形图中显示整个句子。下面我附上了条形图和代码 使用图表区的左侧和宽度进行如下调整如何 var options = { title: "", width: 600, height: 300, bar: {groupWidth: "65%"}, legend: {position: "none"}, chartArea: {left: 250, wid
使用
图表区的左侧
和宽度
进行如下调整如何
var options = {
title: "",
width: 600,
height: 300,
bar: {groupWidth: "65%"},
legend: {position: "none"},
chartArea: {left: 250, width: 300} // Added
};
google.charts.load(“当前”{packages:[“corechart”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var orderObj={RNJ:6,HOC:26,ASP:6,KWH:14};//示例值
var data=google.visualization.arrayToDataTable([
[“元素”、“密度”{role:“样式”}],
[“在美国境内移动”,parseInt(orderObj.RNJ),“颜色:蓝色”],
[“以新Jersy接收”,parseInt(orderObj.HOC),“颜色:黄色”,
[“移交给国际Currier”,parseInt(orderObj.ASP),“颜色:红色”],
[“在斯里兰卡港口”,parseInt(orderObj.KWH),“颜色:绿色”]
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1{
计算:“字符串化”,
资料来源专栏:1,
键入:“字符串”,
角色:“注释”
}, 2]);
变量选项={
标题:“,
宽度:600,
身高:300,
条:{groupWidth:“65%”,
图例:{位置:“无”},
图表区:{左:250,宽:300}//已添加
};
var chart=new google.visualization.BarChart(document.getElementById(“chart_divSea1”);
图表绘制(视图、选项);
}
@kabanus我已经上传了一张图片。@kabanus是的,现在看起来不错
var options = {
title: "",
width: 600,
height: 300,
bar: {groupWidth: "65%"},
legend: {position: "none"},
chartArea: {left: 250, width: 300} // Added
};