小编Sha*_*ons的帖子
如何使用ZingChart创建此图表
我正在尝试用ZingChart创建一个看起来像这样的图表.
我已经按照我能想到的方式调整了条形图,但我仍然没有接近.
ZingChart可以使用此图表吗？
5
推荐指数
推荐指数
1
解决办法
解决办法
234
查看次数
查看次数
价值框背景消失了
我有一个带有顶部放置值框的混合图表.在除第一个值之外的所有值上,背景颜色已从值框中消失.这之前工作正常,因为白色背景显示在所有值框后面,并且代码没有变化,所以我不知道为什么背景颜色突然消失了.以下是显示该问题的代码.如何解决这个问题的任何帮助或指导将不胜感激.
var maxYValue = 60;
var value1 = 40;
var value2 = 15;
var value3 = 34;
var value4 = 14;
var value5 = 20;
var zones = {
"type": "mixed",
"font-family": "proxima_nova_rgregular",
"title": {
"text": "MINUTES IN ZONES",
"font-family": "proxima_nova_rgregular",
"background-color": "none",
"font-color": "#39393d",
"font-size": "22px",
"adjustLayout": true
},
"plot": {
"borderRadius": "5px 5px 0 0",
"bar-width": '50%',
"animation": {
"delay": 300,
"effect": 11,
"speed": "500",
"method": "0",
"sequence": "3",
"z-index": 2
},
"value-box": {
"placement": "top-out",
"text": "%v", …5
推荐指数
推荐指数
2
解决办法
解决办法
81
查看次数
查看次数
尽管在水平条形图上显示的系列值框中存在相同的数据和选项,但ZingChart系列值框仍未显示
有人可以向我解释为什么第一个系列价值框没有出现但其余部分是？我现在一直在撞墙上一小时.我在下面伪造了数据,但结果是一样的.先感谢您!
var ctFin = 60;
var myConfig = {
"type": "hbar",
"font-family": "proxima_nova_rgregular",
"title": {
"text": "MINUTES <b>IN ZONES</b>",
"font-family": "proxima_nova_rgregular",
"background-color": "none",
"font-color": "#39393d",
"font-size": "22px",
"adjustLayout": true,
"height": "35px",
"padding-bottom": "23px"
},
"plot": {
"bars-overlap": "1%",
"borderRadius": "0 3px 3px 0",
"hover-state": {
"visible": false
},
"animation": {
"delay": 300,
"effect": 4,
"speed": "500",
"method": "0",
"sequence": "3"
}
},
"plotarea": {
"height": "99px",
"border-left": "3px solid #39393d",
"padding-left": "3px",
"margin": "0 0 0 3px"
},
"scale-x": { …4
推荐指数
推荐指数
1
解决办法
解决办法
310
查看次数
查看次数
是否可以在系列/图表后面显示形状？
我试图用ZingChart重新创建以下内容:
到目前为止,除了标签标注提示和条形顶部之间的灰线外,我还有其他所有内容.我尝试使用形状创建线条,但无论设置z-index,形状总是出现在条形图的顶部:
是否可以在地块后面放置形状？如果没有,是否有另一种方法可以实现这种设计？
我的JSON因此:
var myConfig = {
"type":"bar",
"labels":[
{
"text":"Zone 1",
"font-size":"13px",
"x":"5%",
"y":"20%",
"height":"15%",
"width":"20%",
"borderWidth":1,
"borderColor":"#ffffff",
"callout":true,
"calloutWidth":0,
"calloutHeight":5,
"calloutTip":{
"type":"circle",
"background-color":"#fff",
"border-width":2,
"border-color":"#35353b",
"size":7,
"shadow":false
}
},
{
"text":"Zone 2",
"font-size":"13px",
"x":"23%",
"y":"20%",
"height":"15%",
"width":"20%",
"borderWidth":1,
"borderColor":"#ffffff",
"callout":true,
"calloutWidth":0,
"calloutHeight":5,
"calloutTip":{
"type":"circle",
"background-color":"#fff",
"border-width":2,
"border-color":"#35353b",
"size":7,
"shadow":false
}
},
{
"text":"Zone 3",
"font-size":"13px",
"x":"40%",
"y":"20%",
"height":"15%",
"width":"20%",
"borderWidth":1,
"borderColor":"#ffffff",
"callout":true,
"calloutWidth":0,
"calloutHeight":5,
"calloutTip":{
"type":"circle",
"background-color":"#fff",
"border-width":2,
"border-color":"#35353b",
"size":7,
"shadow":false
}
},
{
"text":"Zone 4",
"font-size":"13px", …4
推荐指数
推荐指数
1
解决办法
解决办法
68
查看次数
查看次数
ZingChart如何在点击/选择时修改节点
我使用ZingChart作为标准条形图.对于个别酒吧我选择的状态是按照我的意愿工作但是一件事.有没有办法显示值框(设置为visible:false全局),以便在单击/选择时显示所选节点？我能够使用modifyplot方法在我添加的单击事件中显示每个节点的值框以调用外部函数,但是我没有看到类似modifynode等节点的方法.如果这不是一个选项,是否有任何方法可以插入一个"假"值框,其标记将在click事件期间动态创建并且该元素显示在所选节点上方？下面是我所讨论的图表的渲染代码.谢谢你的时间!
zingchart.render({
id: "vsSelfChartDiv",
width: '100%',
height: '100%',
output: 'svg',
data: myChartVsSelf,
events:{
node_click:function(p){
zingchart.exec('vsSelfChartDiv', 'modifyplot', {
graphid : 0,
plotindex : p.plotindex,
nodeindex : p.nodeindex,
data : {
"value-box":{
"visible":true
}
}
});
var indexThis = p.nodeindex;
var indexDateVal = $('#vsSelfChartDiv-graph-id0-scale_x-item_'+indexThis).find('tspan').html();
updateTop(indexDateVal);
}
}
});
3
推荐指数
推荐指数
1
解决办法
解决办法
1068
查看次数
查看次数