根據數據庫值更改高圖區域的顏色

Question

每個人，

這是我在 Stackoverflow 上的第一篇文章 - 如果我沒有遵循某些約定，非常抱歉。

以下問題：我想將來在我的 web 應用程序上使用自定義高圖。 我的問題是我是否可以根據 MYSQL 表的值更改 map 不同區域的顏色。

例如，我希望這些區域始終為綠色，直到在數據庫表中為特定列輸入值“1”而不是“0”。

這基本上可以嗎？ 不幸的是，我在網上找不到答案。

我很感激任何幫助！

Answer 1

我寫了一個“臟”代碼來展示這個想法。 如果該值等於 1，您可以獲得顏色值並添加 CSS class。

 .green { background-color: green; }

 <?php // Example of DB data // colors table ------------- |color | value| ------------- |green | 1 | ------------- // query $sql = "SELECT value FROM colors WHERE color='green'"; $result = mysqli_query($link, $sql); while ($row = $result->fetch_assoc()) { $className = ''; if ($row['value'] === 1) { $className = 'green' } print("<td class="className">Some text</td>); }

Answer 2

如果您正確地向前端提供數據，您將能夠使用dataClasses屬性來實現所需的結果。

colorAxis: {
  dataClasses: [{
    color: '#fff',
    to: 1
  }, {
    color: 'green',
    from: 1
  }]
}

---

現場演示： https://jsfiddle.net/BlackLabel/5L0r3xck/

API 參考： https://api.highcharts.com/highcharts/colorAxis.dataClasses