Coldfusion 从y轴开始的Zingchart条形图-50

Coldfusion 从y轴开始的Zingchart条形图-50,coldfusion,zingchart,cfchart,Coldfusion,Zingchart,Cfchart,当我试图为mobile创建条形图时,y轴实际上从屏幕的中间开始,因此我无法完全看到我的图表。要查看图表,我需要将设备缩小20%,或者需要将绘图区域y值设置为-50。有人能告诉我哪里出了问题吗 添加以下代码时,可以看到该图: plotarea:{ adjustLayout: 1, marginTop:'dynamic', backgroundFit: "y", "y": -50 } 所

当我试图为mobile创建条形图时,y轴实际上从屏幕的中间开始,因此我无法完全看到我的图表。要查看图表,我需要将设备缩小20%,或者需要将绘图区域y值设置为-50。有人能告诉我哪里出了问题吗

添加以下代码时,可以看到该图:

plotarea:{
            adjustLayout: 1,
            marginTop:'dynamic',
            backgroundFit: "y",
            "y": -50
        }
所附图片可在此处查看:

完整代码如下:

var myConfig = {
        type: "bar",
        backgroundColor: "transparent",
        plotarea:{
            adjustLayout: 1,
            marginTop:'dynamic',
            backgroundFit: "y"
            //"y": -50
        },
        plot:{
            "rules": [
                {
                    "rule": "%i==0",
                    "background-color": "#ACD373",
                    "placement": "in"
                },
                {
                    "rule": "%i==1",
                    "background-color": "#B7B7B7",
                    "placement": "in"
                },
                {
                    "rule": "%i==2",
                    "background-color": "#FF6E5B",
                    "placement": "in"
                },
                {
                    "rule": "%i==3",
                    "background-color": "#6DCFF6",
                    "placement": "in"
                },
                {
                    "rule": "%i==4",
                    "background-color": "#F9AD81",
                    "placement": "in"
                },
                {
                    "rule": "%i==5",
                    "background-color": "#898989",
                    "placement": "in"
                }
            ],
            valueBox:{
                fontColor: "#fff",
                connector: {
                    lineWidth: 1
                },
                "text": "%v",
                "font-size": 20,
                "font-weight": "normal",
                "font-style": "normal"
            }
        },
        "scale-x": {
            "label":{
                "text":[],
                "color": "#fff"
            },
            item:{
                color: "#fff",
            },
            "guide":{
              "line-width":0
            },
            zooming: true,
            "values":[]
        },
        "scale-y":{
            "line-color":"none",
            "item":{
              "visible": false
            },
            "tick":{
              "line-color":"none"
            },
            "guide":{
              "line-color":"#4A6B89",
              "line-width":1,
              "line-style":"solid",
              "alpha":1
            }
        },
        labels:[
            {
                //text:"Hold SHIFT to detach<br>multiple slices",
                textAlign: "left",
                fontColor: "#fff"
            }
        ],
        series: [{values:[]}]
    };
var myConfig={
输入:“酒吧”,
背景色:“透明”,
绘图区域:{
布局:1,
marginTop:“动态”,
背景拟合:“y”
//“y”:-50
},
绘图:{
“规则”:[
{
“规则”:“%i==0”,
“背景色”:“ACD373”,
“放置”:“在”
},
{
“规则”:“%i==1”,
“背景色”:“B7B7”,
“放置”:“在”
},
{
“规则”:“%i==2”,
“背景色”:“FF6E5B”,
“放置”:“在”
},
{
“规则”:“%i==3”,
“背景色”:“6DCFF6”,
“放置”:“在”
},
{
“规则”:“%i==4”,
“背景色”:“F9AD81”,
“放置”:“在”
},
{
“规则”:“%i==5”,
“背景色”:“8989”,
“放置”:“在”
}
],
valueBox:{
fontColor:#fff“,
连接器:{
线宽:1
},
“文本”:“%v”,
“字体大小”:20,
“字体重量”:“正常”,
“字体样式”:“正常”
}
},
“scale-x”:{
“标签”:{
“案文”:[…],
“颜色”:“fff”
},
项目:{
颜色:“fff”,
},
“指南”:{
“线宽”:0
},
缩放:是的,
“价值”:[]
},
“scale-y”:{
“线条颜色”:“无”,
“项目”:{
“可见”:错误
},
“勾选”:{
“线条颜色”:“无”
},
“指南”:{
“线条颜色”:“4A6B89”,
“线宽”:1,
“线条样式”:“实心”,
“阿尔法”:1
}
},
标签:[
{
//文本:“按住SHIFT键分离多个切片”,
textAlign:“左”,
fontColor:#fff”
}
],
系列:[{值:[]}]
};
同样的代码适用于另一个图表,该图表具有相同的数据集,并且呈现此图表的div具有相同的宽度和高度。
此外,我无法将y值设为-50,因为我已将图表顶部绑定到单击任何条形图打开另一个图表。在将y设置为-50时,我无法单击条形图。

我已更新了您的标签,以适合您的环境,coldfusion。我想你也在使用cfchart。这意味着并非所有的属性都在整个数据库中持久存在

我已经调整了一些属性。它们主要与
绘图区域
对象内的
边距
有关。我最好的建议是,如果
margin:'dynamic'
不适用于您的构建,请尝试使用margin

var myConfig={
输入:“酒吧”,
背景颜色:“1D3557”,
绘图区域:{
布局:1,
保证金:'动态',
},
绘图:{
“规则”:[
{
“规则”:“%i==0”,
“背景色”:“ACD373”,
“放置”:“在”
},
{
“规则”:“%i==1”,
“背景色”:“B7B7”,
“放置”:“在”
},
{
“规则”:“%i==2”,
“背景色”:“FF6E5B”,
“放置”:“在”
},
{
“规则”:“%i==3”,
“背景色”:“6DCFF6”,
“放置”:“在”
},
{
“规则”:“%i==4”,
“背景色”:“F9AD81”,
“放置”:“在”
},
{
“规则”:“%i==5”,
“背景色”:“8989”,
“放置”:“在”
}
],
valueBox:{
fontColor:#fff“,
连接器:{
线宽:1
},
“文本”:“%v”,
“字体大小”:20,
“字体重量”:“正常”,
“字体样式”:“正常”
}
},
“scale-x”:{
“标签”:{
“文本”:“版本”,
“颜色”:“fff”
},
项目:{
颜色:“fff”,
},
“指南”:{
“线宽”:0
},
缩放:是的,
“价值”:[]
},
“scale-y”:{
“线条颜色”:“无”,
“项目”:{
“可见”:错误
},
“勾选”:{
“线条颜色”:“无”
},
“指南”:{
“线条颜色”:“4A6B89”,
“线宽”:1,
“线条样式”:“实心”,
“阿尔法”:1
}
},
缩放:{
是的,
},
标签:[
{
//文本:“保持S