Question

我正在尝试创建一个类似于此示例的图表

我创建图表的代码如下所示

function makeGraph(title, x_axis, Target, Achieved) {
       $('#weekly').highcharts({
           chart: {
               type: 'line'
           },
           title: {
               text: title
           },
           subtitle: {
               text: 'Source: ide-global.com'
           },
           xAxis: {
               categories: x_axis
           },
           yAxis: {
               title: {
                   text: 'Money'
               }
           },
           plotOptions: {
               line: {
                   dataLabels: {
                       enabled: true
                   },
                   enableMouseTracking: false
               }
           },
           series: [{
               name: 'Target',
               data: Target
           }, {
               name: 'Achieved',
               data: Achieved
           }]
       });
   }

和我的JsFiddle在这里

Fiddle

任何人都可以告诉我为什么图表中的线不会出现

Answer 1

这是因为您正在向数据对象提供字符串。如果您控制台记录您的Target变量，您将获得此输出：

["Week 1", 111111.11, 0, "Week 2", 111111.11, 0, "Week 3", 111111.11, 0, "Week 4", 111111.11, 200000, "Week 5", 111111.11, 0, "Week 6", 111111.11, 0, "Week 7", 111111.11, 0, "Week 8", 111111.11, 0, "Week 9", 111111.11, 200000]

HighChart无法处理数据对象中的字符串。

如果您将此更改为：mWeek = "Week " + i;：mWeek = i;则会更改。

请参阅DEMO

试图用highChart设计，但颜色没有显示出来

1 个答案: