Javascript 如何在AngularJS中实现Highchart。我在AngularJS中实现Highchart时遇到了麻烦

如何在AngularJS中实现此代码

 Highcharts.chart('container', {

chart: {
    type: 'bubble',
    plotBorderWidth: 1,
    zoomType: 'xy'
},

title: {
    text: 'Highcharts bubbles with radial gradient fill'
},

xAxis: {
    type:'',
    gridLineWidth: 1
},

yAxis: {
    startOnTick: false,
    endOnTick: false
},

series: [{
    data: [
        [9, 81, 63],
        [98, 5, 89],
        [51, 50, 73],
        [41, 22, 14],
        [58, 24, 20],
        [78, 37, 34],
        [55, 56, 53],
        [18, 45, 70],
        [42, 44, 28],
        [3, 52, 59],
        [31, 18, 97],
        [79, 91, 63],
        [93, 23, 23],
        [44, 83, 22]
    ],
    marker: {
        fillColor: {
            radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
            stops: [
                [0, 'rgba(255,255,255,0.5)'],
                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get('rgba')]
            ]
        }
    }
}, ]

});

它在AngularJS文件中工作不正常

如何在AngularJS中实现Highchart

 Highcharts.chart('container', {

chart: {
    type: 'bubble',
    plotBorderWidth: 1,
    zoomType: 'xy'
},

title: {
    text: 'Highcharts bubbles with radial gradient fill'
},

xAxis: {
    type:'',
    gridLineWidth: 1
},

yAxis: {
    startOnTick: false,
    endOnTick: false
},

series: [{
    data: [
        [9, 81, 63],
        [98, 5, 89],
        [51, 50, 73],
        [41, 22, 14],
        [58, 24, 20],
        [78, 37, 34],
        [55, 56, 53],
        [18, 45, 70],
        [42, 44, 28],
        [3, 52, 59],
        [31, 18, 97],
        [79, 91, 63],
        [93, 23, 23],
        [44, 83, 22]
    ],
    marker: {
        fillColor: {
            radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
            stops: [
                [0, 'rgba(255,255,255,0.5)'],
                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get('rgba')]
            ]
        }
    }
}, ]

});

---

根据您在两个小提琴中提供的信息，您在

xAxis

属性中缺少的信息类似于

“类别”

：

xAxis: {
        type: "category", // <==== here
        gridLineWidth: 1
    }

xAxis:{
根据您在两个小提琴中提供的信息，键入“category”（类别），它看起来像您在
xAxis
属性中缺少的
“category”（类别）
：

xAxis: {
        type: "category", // <==== here
        gridLineWidth: 1
    }

xAxis:{
类型：“类别”，//确定检查我在答案中输入的小提琴。它工作。我知道它的工作我在上面链接有答案，当我在我的项目中实施时，它将像下面链接一样。谢谢请检查我在答案中输入的小提琴。它工作。我知道它的工作我在上面链接有答案，当我在我的项目中实施时，它将像下面链接一样。谢谢问题不清楚，您放置了一个工作的小提琴和一个损坏的小提琴，缺少图表属性。您没有显示角度实现。我知道确切的答案，但当我在angularjs文件中实现时，输出在链接下方[所以你应该分享你的角度实现，让人们给你一个准确的答案。你的问题不清楚，你放了一把工作的小提琴和一把损坏的小提琴，缺少一个图表属性。你不显示你的角度实现。我知道确切的答案，但当我在angularjs文件中实现时，输出低于link[所以你应该分享你的角度实现，让人们为你提供准确的答案。