Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/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 如何将右值y轴添加到Amcharts列和线混合中?_Javascript_Amcharts - Fatal编程技术网

Javascript 如何将右值y轴添加到Amcharts列和线混合中?

Javascript 如何将右值y轴添加到Amcharts列和线混合中?,javascript,amcharts,Javascript,Amcharts,我试图在图表右侧显示一个y轴:这是 我希望y轴显示与“expensises”值和右轴显示的不同比例的链接。例如从40到80 谢谢 var chart = AmCharts.makeChart("chartdiv", { "type": "serial", "theme": "chalk", "pathToImages": "/lib/3/images/", "autoMargins": false, "marginLeft":30, "margin

我试图在图表右侧显示一个y轴:这是

我希望y轴显示与“expensises”值和右轴显示的不同比例的链接。例如从40到80

谢谢

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "theme": "chalk",
    "pathToImages": "/lib/3/images/",
    "autoMargins": false,
    "marginLeft":30,
    "marginRight":8,
    "marginTop":10,
    "marginBottom":26,

    "dataProvider": [{
        "year": 2009,
        "income": 23.5,
        "expenses": 58.1
    }, {
        "year": 2010,
        "income": 26.2,
        "expenses": 52.8
    }, {
        "year": 2011,
        "income": 30.1,
        "expenses": 53.9
    }, {
        "year": 2012,
        "income": 29.5,
        "expenses": 55.1
    }, {
        "year": 2013,
        "income": 30.6,
        "expenses": 47.2,
        "dashLengthLine": 5
    }, {
        "year": 2014,
        "income": 34.1,
        "expenses": 49.9,
        "dashLengthColumn": 5,
        "alpha": 0.2,
        "additional": "(projection)"
    }],
    "valueAxes": [{
        "axisAlpha": 0,
        "position": "left"
    }],
    "startDuration": 1,
    "graphs": [{
        "alphaField": "alpha",
        "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b> [[additional]]</span>",
        "dashLengthField": "dashLengthColumn",
        "fillAlphas": 1,
        "title": "Income",
        "type": "column",
        "valueField": "income"
    }, {
        "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b> [[additional]]</span>",
        "bullet": "round",
        "dashLengthField": "dashLengthLine",
        "lineThickness": 3,
        "bulletSize": 7,
        "bulletBorderAlpha": 1,
        "bulletColor": "#FFFFFF",
        "useLineColorForBulletBorder": true,
        "bulletBorderThickness": 3,
        "fillAlphas": 0,
        "lineAlpha": 1,
        "title": "Expenses",
        "valueField": "expenses"
    }],
    "categoryField": "year",
    "categoryAxis": {
        "gridPosition": "start",
        "axisAlpha":0,
        "tickLength":0
    }
});
var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“串行”,
“主题”:“粉笔”,
“路径图像”:“/lib/3/images/”,
“汽车制造商”:错,
“marginLeft”:30,
“marginRight”:8,
“玛金托普”:10,
“marginBottom”:26,
“数据提供者”:[{
“年份”:2009年,
“收入”:23.5,
“费用”:58.1
}, {
“年份”:2010年,
“收入”:26.2,
“费用”:52.8
}, {
“年份”:2011年,
“收入”:30.1,
“费用”:53.9
}, {
“年份”:2012年,
“收入”:29.5,
“费用”:55.1
}, {
“年份”:2013年,
“收入”:30.6,
“费用”:47.2,
“dashLengthLine”:5
}, {
“年份”:2014年,
“收入”:34.1,
“费用”:49.9,
“dashLengthColumn”:5,
“alpha”:0.2,
“附加”:(投影)
}],
“价值轴”:[{
“axisAlpha”:0,
“位置”:“左”
}],
“起始持续时间”:1,
“图表”:[{
“alphaField”:“alpha”,
“BallooText:“[[类别]]:[[价值]][[附加]]中的[[标题]]”,
“dashLengthField”:“dashLengthColumn”,
“填充字母”:1,
“头衔”:“收入”,
“类型”:“列”,
“valueField”:“收入”
}, {
“BallooText:“[[类别]]:[[价值]][[附加]]中的[[标题]]”,
“子弹”:“圆形”,
“dashLengthField”:“dashLengthLine”,
“线宽”:3,
“bulletSize”:7,
“Bullet BorderAlpha”:1,
“bulletColor”:“FFFFFF”,
“useLineColorForBulletBorder”:正确,
“厚度”:3,
“fillAlphas”:0,
“lineAlpha”:1,
“标题”:“费用”,
“valueField”:“费用”
}],
“类别字段”:“年份”,
“分类法”:{
“网格位置”:“开始”,
“axisAlpha”:0,
“滴答声长度”:0
}
});

您需要添加一个新轴。 我在这个示例中添加了三个轴,因为它读取的CSV文件中有三列,但它可以处理任意数量的轴。它会在左侧添加一个轴,在右侧添加下一个轴,依此类推:

 axises[n] = new amCharts.ValueAxis();
            axises[n].title = titles[n];
            if ( n % 2 == 1 )
                {axises[n].position = "right";}
            chart.addValueAxis(axises[n]);