我想在getcolor函数传单js中进行条件返回

时间:2019-07-01 17:11:01

标签: javascript leaflet choropleth

你好,我想创建分类图,我尝试在getcolor函数中设置条件,但是它不起作用,只能显示一种颜色

这是我的代码

function openModal(e) {
  var t = e.target.feature.properties.url;
  $.getJSON("src/json/data-agregasi.json", function(e) {
    for (var a = e.length, o = 0; a > o; o++)
      e[o].url == t &&
        (dataStatistik(e[o]),
        $("#namaKecamatan").text("Demografi Kependudukan & Pendidikan di Kecamatan " + e[o].kecamatan),
        $("#luasWilayah").text(e[o].luas_wilayah),
        $("#kawasan").text(e[o].kawasan),
        $("#populasi").text(e[o].ikg, 0, "."),
        $("#jumlahKelurahan").text(e[o].jumlah_kelurahan),
        $("#jumlahSD").text(accounting.formatNumber(e[o].jml_sd, 0, ".")),
        $("#jumlahSMP").text(accounting.formatNumber(e[o].jml_smp, 0, ".")),
        $("#jumlahSMA").text(accounting.formatNumber(e[o].jml_sma, 0, ".")),
        $("#jumlahSMK").text(accounting.formatNumber(e[o].jml_smk, 0, ".")),
        $("#jumlahKeaksaraan").text(accounting.formatNumber(e[o].jml_keaksaraan, 0, ".")),
        $("#usiaSD").text(accounting.formatNumber(e[o].umur_7_12, 0, ".")),
        $("#usiaSMP").text(accounting.formatNumber(e[o].umur_13_15, 0, ".")),
        $("#usiaSMA").text(accounting.formatNumber(e[o].umur_16_18, 0, ".")),
        $("#jumlahPtkSD").text(accounting.formatNumber(e[o].jml_ptk_sd, 0, ".")),
        $("#jumlahPtkSMP").text(accounting.formatNumber(e[o].jml_ptk_smp, 0, ".")),
        $("#jumlahPtkSMA").text(accounting.formatNumber(e[o].jml_ptk_sma, 0, ".")),
        $("#jumlahPtkSMK").text(accounting.formatNumber(e[o].jml_ptk_smk, 0, ".")),
        $("#jumlahPtkKeaksaraan").text(accounting.formatNumber(e[o].jml_ptk_keaksaraan, 0, ".")),
        $("#jumlahPdSD").text(accounting.formatNumber(e[o].jml_pd_sd, 0, ".")),
        $("#jumlahPdSMP").text(accounting.formatNumber(e[o].jml_pd_smp, 0, ".")),
        $("#jumlahPdSMA").text(accounting.formatNumber(e[o].jml_pd_sma, 0, ".")),
        $("#jumlahPdSMK").text(accounting.formatNumber(e[o].jml_pd_smk, 0, ".")),
        $("#jumlahPdKeaksaraan").text(accounting.formatNumber(e[o].jml_pd_keaksaraan, 0, ".")));
  }),
    $("#statsModal").modal("show"),
    e.target.getBounds();
}

function getColor(e) {
  if (e > 20 && e.luas_wilayah < 6000) {
    return "#99000d";
  } else {
    return "#deebf7";
  }
}

1 个答案:

答案 0 :(得分:1)

您不能同时拥有一个原始值(没有进一步实现)和一个对象。

if (e > 20 && e.luas_wilayah < 6000) {

最简单的方法是使用一个数字并检查该值是否在所需范围内。

function getColor(e) {
    return e > 20 && e < 6000
        ? "#99000d"
        : "#deebf7"
}