5
var에 chartByProduct = { "유형": "hbar" "제목": { "텍스트": "CM BY TOP & BOTTOM 5 개 제품", "텍스트 정렬": "센터", " font-family ":"arial ", "font-color ":"# 5b5b5b ", "font-size ":"18px ", "패딩 ":"25px ", "배경색 ":"없음 " }, "plot ": { "valueBox ": { "소수 ": 2, "규칙 ": [ { 규칙 : "%의 V < 0", 위치 : "밖으로", 텍스트 : "% 브이 %" offsetX : "- 25 픽셀" }, { 규칙 : "%의 V> 0" 위치 : 텍스트 "밖으로": "% 브이 %" 는 offsetX : "x 25 픽셀" } 다음은이 설정의 라벨 ]막대 그래프의 막대 아래에 레이블이 나타나도록 그래프에서 어떻게 이동합니까?
},
},
"plotarea":{
"adjustLayout":true,
"marginLeft":"30%",
"marginRight":"30%",
"marginBottom":"15%",
"marginTop": "15%",
},
"scale-x":{
"offset-end":"50%",
"offset-x":"50%",
alpha:1,
tick:{alpha:0},
"label":{
"text":"Bottom 5 products by sales"
},
"labels":[negative_product_name[0],negative_product_name[1],negative_product_name[2],negative_product_name[3],negative_product_name[4]],
},
"scale-x-2":{
"offset-start":"50%",
alpha:0,
tick:{alpha:0},
"label":{
"text":"Top 5 products by sales"
},
"labels":[positive_product_name[0],positive_product_name[1],positive_product_name[2],positive_product_name[3],positive_product_name[4]],
},
"scale-y":{
"alpha":1.0,
},
"scale-y-2":{
"alpha":1.0,
},
"series":[
{
"values":negative_cm_excluding_no_ev_percent,
"decimals":2,
"scales":"scale-x,scale-y",
"data-custom-token" : negative_cm_excluding_no_ev,
"tooltip":{
"text":'%data-custom-token',
},
"rules":[
{
rule:"%v<0",
"background-color":"#fd625e"
},
{
rule:"%v>0",
"background-color":"#68d7c6"
},
],
},
{
"values":positive_cm_excluding_no_ev_percent,
"decimals":2,
"scales":"scale-x-2,scale-y",
"data-custom-token" : positive_cm_excluding_no_ev,
"tooltip":{
"text":'%data-custom-token',
},
"rules":[
{
rule:"%v<0",
"background-color":"#fd625e"
},
{
rule:"%v>0",
"background-color":"#68d7c6"
},
],
},
]
};
zingchart.render({
id: 'productBarChart',
data: chartByProduct,
hideprogresslogo: true,
height: "100%",
width: "100%"
});
내가이 원하는대로 바 위에오고있다 아래 레이블. 내가 어떻게 할 수 있니? 그래프의 눈금으로 레이블을 이동하는 데 사용할 수있는 속성은 무엇입니까? 이 구성을 변경하거나 혼합 차트 또는 2 가지 차트를 사용해야합니까? 도와주세요.