使用Plotly定義餅圖切片顏色

Question

我正在嘗試為某些值/切片創建特定顏色，但無法找到很多文檔。 我知道有可能是條形圖等，甚至是Javascript中的餅圖，其中一個示例有一個顏色選項，但修改它對我沒有任何作用。

這就是我所擁有的：

pie_chart = {
             'data': 
                     [
                     {     'labels': ['V0', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'V7', 'V8', 'V9'],
                           'values': [v0, v1, v2, v3, v4, v5, v6, v7, v8, v9],
                           'marker': {'colors': [
                                                 'rgb(0, 204, 0)',  # Green
                                                 'rgb(255, 255, 0)',  # Yellow
                                                 'rgb(118, 17, 195)',  # Purple
                                                 'rgb(0, 48, 240)'  # Blue
                                                 'rgb(240, 88, 0)'  # Orange
                                                 'rgb(215, 11, 11)'  # Red
                                                 'rgb(11, 133, 215)'  # Light Blue
                                                 'rgb(0, 0, 0)'  # Black
                                                 'rgb(0, 0, 0)'
                                                 'rgb(0, 0, 0)'
                                                ]
                                     },
                           'type': 'pie',
                           'name': "Gym grades",
                           'hoverinfo':'label+percent+name',
                           'textinfo':'none'
                      }
                      ],

             'layout': {'title': 'Grades in gym'}

             }

    url = py.plot(pie_chart, validate=False, filename='Gym Grades')

問題：顏色沒有變化（'標記'沒有效果）

問題：我應該采用不同的方式修改顏色

Answer 1

Plotly可以很好地隱藏你的錯誤並自動完成缺失的顏色。 在彩色餅圖的工作示例下面幾乎沒有逗號。

正如Meglio所提供的， sort屬性可以設置為false，但這只會改變圖例和圖表的順序。 顏色由數組的順序設置。

 pie_chart = { 'data': [{ 'labels': ['V0', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'V7', 'V8', 'V9'], 'values': [55, 22, 31, 32, 33, 45, 44, 42, 12, 67], 'marker': { 'colors': [ 'rgb(0, 204, 0)', 'rgb(255, 255, 0)', 'rgb(118, 17, 195)', 'rgb(0, 48, 240)', 'rgb(240, 88, 0)', 'rgb(215, 11, 11)', 'rgb(11, 133, 215)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)', 'rgb(0, 0, 0)' ] }, 'type': 'pie', 'name': "Gym grades", 'hoverinfo': 'label+percent+name', 'sort': false, }], 'layout': { 'title': 'Grades in gym' } } Plotly.newPlot('plot', pie_chart.data, pie_chart.layout); 

 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> <div id="plot"> </div> 

Answer 2

問題可能是默認情況下，所有值v0，v1，...都按降序排序，因此最大值排在第一位。 它們在 “應用”顏色后進行排序。 因此，值＃4（根據您的顏色定義為藍色）可能不會排在第4位。

解決方案是手動訂購數據並使用sort屬性關閉自動 排序 。