Javascript 如何使用highchart将柱状图动态更改为镜像图

好的，今天我遇到了highchart问题，我试图解决如下问题： 1.我正在调用ajax，然后更改柱状图系列数据，如下所示：

if(data == 2) {

chart.series[0].setData([
['2009', 140],['2010', 200],['2011',   100],
['2009', -200],['2010',   -120],['2011', -240]]);
}

二,。我想要的是将这些信息以镜像图表的方式显示，其中包含两个组名“UK”、“AUS”，因此数据将显示为UK-2009、2010、2011，与AUS 2009、2010、2011相同（但为负值） 3.我想要的是这里的演示

所以，简言之，如果ajax从php页面带来data=2，那么我希望使用组系列（如attach highcahrt demo link）将柱状图值转换为负值

伙计们，我一直在努力解决这个问题，真的需要帮助。因此，如果有人知道我如何处理chart.series[0].setData或其他任何方法，那就太好了。提前谢谢

嗨，我希望我的图表是这样的

在建议答案之后，我得到了这样的答案：

代码：

函数requestData（）{
图表=$（“#列图表”）.highcharts（）；
$.ajax({
类型：“POST”，
url:“graph\u advanced\u file.php”，
数据：{sliceName:ch}，
成功：功能（数据）{
//存储本地存储。。。。。
setItem（“当前_项”，ch）；
//警报（数据）；
//现在，检查通过服务器发送的任何数据……加载相应的数据。。。。
如果（数据==1）{
//旅行…所以获取系列数据。。。。
chart.series[0]。setData([
[Mand'，200]，
[Sand'，800]，
['Land'，700]]）；
}
如果（数据==2）{
//服装…所以获取系列数据。。。。
变量选项={
图表：{
类型：“列”
}, 
打印选项：{
系列：{
堆叠：“正常”
}
}
};
//将新选项加载到图表
图表.设置选项（选项）；
chart.series[0]。setData([
['2009', 140],['2010', 200],['2011',   100],
['2009', -200],['2010',   -120],['2011', -240]]);
chart.series[0].name=“Uk”；
chart.series[1]。setData([
['2009', 180],['2010', 100],['2011',   150],
['2009', -250],['2010',   -130],['2011', -270]]);
chart.addSeries（{
名称：“澳大利亚”，
数据：[[2009'，180]，
['2010', 100],
['2011', 150], 
['2009', -250],
['2010', -130],
['2011', -270]] 
});
chart.redraw（）；
//chart.series[0]。setData([
//['2009', 140],['2010', 200],['2011',   100],['2012', 130],['2013', 190],['2014', 220],['2015', 230],
//['2009', -200],['2010',   -120],['2011', -240],['2012', -220],['2013', -150],['2014', -100],['2015', -250],
//]);
}

现在，此requestData由以下人员调用：

$('#column_chart').highcharts({
                                     chart: {
                                            type: 'column',
                                            events: {
                                                load: requestData
                                                //click: changeLables
                                            }
                                        },
                                        title: {
                                            text: 'Total Sale of each products'
                                        },
                                        subtitle: {
                                            text: '(Click on product name to display monthly details)'
                                        },
                                        credits: {
                                            enabled: false
                                        },
                                        xAxis: {
                                            type: 'category'
                                        },
                                        yAxis: {
                                            title: {
                                                text: 'Products Sale'
                                            }
                                        },

                                        legend: {
                                            enabled: false
                                        },
                                        series: [{
                                            name: 'Product Sale',
                                            colorByPoint: true,
                                            data: [{
                                                name: 'Mand',
                                                y: 200<?php //echo $each_slice_series[0];?>
                                            }, {
                                                name: 'Land',
                                                y: 800<?php //echo $each_slice_series[1];?>
                                            }, {
                                                name: 'Sand',
                                                y: 700<?php //echo $each_slice_series[2];?>
                                            }]
                                        }]
                                    });//End of chart......

$（“#柱形图”）.高图({
图表：{
键入：“列”，
活动：{
加载：请求数据
//单击：可更改
}
},
标题：{
正文：“每种产品的总销售额”
},
副标题:{
文本：'（单击产品名称以显示每月详细信息）'
},
学分：{
已启用：fals
$('#column_chart').highcharts({
                                     chart: {
                                            type: 'column',
                                            events: {
                                                load: requestData
                                                //click: changeLables
                                            }
                                        },
                                        title: {
                                            text: 'Total Sale of each products'
                                        },
                                        subtitle: {
                                            text: '(Click on product name to display monthly details)'
                                        },
                                        credits: {
                                            enabled: false
                                        },
                                        xAxis: {
                                            type: 'category'
                                        },
                                        yAxis: {
                                            title: {
                                                text: 'Products Sale'
                                            }
                                        },

                                        legend: {
                                            enabled: false
                                        },
                                        series: [{
                                            name: 'Product Sale',
                                            colorByPoint: true,
                                            data: [{
                                                name: 'Mand',
                                                y: 200<?php //echo $each_slice_series[0];?>
                                            }, {
                                                name: 'Land',
                                                y: 800<?php //echo $each_slice_series[1];?>
                                            }, {
                                                name: 'Sand',
                                                y: 700<?php //echo $each_slice_series[2];?>
                                            }]
                                        }]
                                    });//End of chart......

if(data == 2) {

   //Create options      
   var options = {
      chart: {
          renderTo: 'container',
          type: 'bar'
      }
    };

   //Load new options to chart   
   chart.setOptions(options);

   //Load new series
   chart.series[0].setData([
      ['2009', 140],['2010', 200],['2011',   100],
      ['2009', -200],['2010',   -120],['2011', -240]]);
   }
}

if(data == 2) {



$('#column_chart').highcharts({ 
   chart: { 
     type: 'column' 
   },   
   plotOptions: { 
     series: { 
       stacking: 'normal' 
     } 
   }, 
   series: [{ 
     name: 'UK', 
     data: [ 
           ['2009', 140],['2010', 200],['2011', 100], 
           ['2009', -200],['2010', -120],['2011', -240]] 
     }, { 
     name: 'AUS', 
     data: [['2009', 180], 
           ['2010', 100], 
           ['2011', 150], 
           ['2009', -250], 
           ['2010', -130], 
           ['2011', -270]] 
           } ] 
    });
}