Highcharts - 區域圖中每個點的不同標記

我想爲我的Highcharts區域圖中的每個點都有不同的標記。我希望標記是一個風向標png（顯示一個月的平均風向和速度），這是由點播icons.php腳本生成的。這裏是我的我的系列數據塊：Highcharts - 區域圖中每個點的不同標記

series:[{ 
    data:[ 
    { x: 'January', y: 3717.71, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=219.38009049774)'}}, 
    { x: 'February', y: 3894.63, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=215.49200799201)'}}, 
    { x: 'March', y: 3628.49, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=193.80027422303)'}}, 
    { x: 'April', y: 2901.39, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=180.85734200743)'}}, 
    { x: 'May', y: 1756.8, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=171.72764227642)'}}, 
    { x: 'June', y: 1290.4, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=191.62322274882)'}}, 
    { x: 'July', y: 997.85, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=187.95557570263)'}}, 
    { x: 'August', y: 1035.04, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=180.14449541284)'}}, 
    { x: 'September', y: 1650.05, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=173.00561797753)'}}, 
    { x: 'October', y: 3154.83, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=188.1064690027)'}}, 
    { x: 'November', y: 3158.45, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=192.06400742115)'}}, 
    { x: 'December', y: 4075.64, marker:{ symbol: 'url(http://sample.ip.address/icons.php?type=barb&size=5&wspd=0&dir=215.48698384201)'}}]}, 
],

我甚至嘗試過這與URL是靜態圖像。我仍然在Firebug中遇到同樣的錯誤：

TypeError: f[a] is undefined

任何幫助非常感謝！

來源

2015-02-11 Matt Muscato

我會單獨看你怎麼在的jsfiddle什麼做到這一點，但我覺得你的問題是x的值是一個字符串，而不是一個整數/小數值。這些x值是否應該是沿x軸的類別？ – 2015-02-11 14:48:46

是的，我的xAxis分類設置爲幾個月。 – 2015-02-11 18:53:29

你會把你的問題放在一起嗎？ http://jsfiddle.net/ – 2015-02-11 18:55:54

你的問題是x值是一個字符串，而不是一個整數/十進制值。 x類別與數據分開設置。 Fiddle example from highcharts

xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
      'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    },

是

data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, { 
      y: 26.5, 
      marker: { 
       symbol: 'url(http://www.YOURLINK.com/test.png)' 
      } 
     }, 23.3, 18.3, 13.9, 9.6]

來源

2015-02-11 19:17:17

我很欣賞這一點。這使得更有意義。它現在完美。非常感謝你。 – 2015-02-11 19:22:59

Highcharts - 區域圖中每個點的不同標記

回答

相關問題