赤、緑、黄色の 3 つの異なるグラデーション カラーを設定し、値に基づいて系列の個々のデータ ポイントにそれらの色を割り当てようとしています。ただし、グラフをレンダリングすると、最初の系列の最初のデータ ポイントで指定した色がすべてデフォルトになります。
この jsFiddle を検討してください: http://jsfiddle.net/2UVcD/2/
chartData 配列の最初の色を yellowColor または redColor に変更してみてください。plotOptions で colorbypoint を true に設定しています。何か不足していますか?